HTML |
---|
|
比较 |
---|
- 文档标记语言
- 网页浏览器
- HTML
- 非标准HTML
- HTML5(英语:Comparison of layout engines (HTML5))
- XHTML
|
|
画布(canvas
)元素是HTML5的一部分,允許脚本语言(scripting languages)動態渲染點陣圖像。
歷史
它最初由苹果內部使用自己Mac OS X WebKit推出[1],供儀表盤的構件和Safari瀏覽器等应用程序使用。後來,它被Gecko核心的瀏覽器(尤其是Mozilla Firefox),Opera[2]和Chrome实现,并被網頁超文本應用技術工作小組提议為下一代的網絡技術的标准元素。在介紹Canvas給不同的Web标准社区時,他們有不同的反應。有些人抱怨蘋果公司建設了一個新的專有標準而不是支援未被網絡開發商廣泛接受的SVG標準[3]。
範例
Canvas是一個HTML元素。可以利用JavaScript程式語言在該元素上繪圖,常見的應用包括繪製圖形及文字、影像處理、遊戲及動畫製作。 若要在HTML上放置Canvas元素,可以使用以下範例:
<canvas id="canvas" width="寬度" height="高度">
您的瀏覽器不支援canvas元素(此訊息在瀏覽器不支援canvas元素時顯示)
</canvas>
这是一段在 Canvas 元素上绘制一个 100x100 大小的正方形的 Javascript 代码:
var c=document.getElementById("canvas"); //获取HTML中的Canvas元素。
var ctx=c.getContext("2d"); //它返回一个在二维平面上绘图的环境。
ctx.fillStyle = 'green'; //设置填充时使用green(绿色)
ctx.rect(0,0,100,100); //在 x=0, y=0 的位置绘制一个 100x100的矩形
ctx.stroke(); //画出刚刚绘制的边框
参考文献
- ^ Ian Hixie. Extending HTML. 2004-07-12 [2011-06-13]. (原始内容存档于2011-05-25).
- ^ Opera 9.0 changelog. [2009-05-28]. (原始内容存档于2012-09-10).
- ^ Ian Hickson remarks regarding canvas and other Apple extensions to HTML. [2018-06-16]. (原始内容存档于2018-06-16).
|
---|
| 服务器(英语:Server-side) | | |
---|
| | - C NSAPI(英语:Netscape Server Application Programming Interface)
- C ASAPI
- C ISAPI
- COM ASP
- Java Servlet
- CLI OWIN(英语:Open Web Interface for .NET)
- ASP.NET Handler(英语:HTTP handler)
- Python WSGI
- Ruby Rack(英语:Rack (web server interface))
- JavaScript JSGI(英语:JSGI)
- Perl PSGI(英语:PSGI)
- Lua WSAPI(英语:Kepler (software)#Frameworks)
- Portlet
|
---|
| Apache模块 | - mod_jk(英语:mod_jk)
- mod_lisp(英语:mod_lisp)
- mod_mono(英语:mod_mono)
- mod_parrot(英语:mod_parrot)
- mod_perl(英语:mod_perl)
- mod_php
- mod_proxy(英语:mod_proxy)
- mod_python(英语:mod_python)
- mod_wsgi(英语:mod_wsgi)
- mod_ruby(英语:mod_ruby)
- Phusion Passenger(英语:Phusion Passenger)
|
---|
| 主题 | - Web资源(英语:Web resource)与Web服务
- 开放API(英语:Open API)
- 网络钩子
- 應用程式伺服器
- 比较(英语:Comparison of application servers)
- 脚本(英语:Server-side scripting)
|
---|
|
---|
| 客户端(英语:Client-side) | | |
---|
| | | - 音频(英语:HTML5 Audio)
- Canvas
- CORS
- DOM
- DOM事件(英语:DOM events)
- EME
- File(英语:HTML5 File API)
- Geolocation(英语:W3C Geolocation API)
- IndexedDB
- MSE
- SSE(英语:Server-sent events)
- SVG
- 视频(英语:HTML5 video)
- WebRTC
- WebSocket
- Web消息(英语:Web Messaging)
- 网页存储
- Web worker(英语:Web worker)
- XMLHTTP
|
---|
| | |
---|
| 其他 | |
---|
|
---|
| 主题 | |
---|
|
---|
| 主题 | |
---|
|