HTML <canvas>标签用于使用脚本绘制图形,动画等。
<!DOCTYPE html> <html> <head> <title>HTML Canvas Tag</title> </head> <body> <canvas id="newCanvas">Your browser does not support canvas tag.</canvas> <script> var c=document.getElementById('newCanvas'); var ctx=c.getContext('2d'); ctx.fillStyle='#00FD00'; ctx.fillRect(0,0,200,60); </script> </body> </html>
这将产生以下结果-
此标签支持 HTML中描述的所有全局属性。
HTML <canvas>标签还支持以下附加属性-
Attribute | Value | 描述 |
---|---|---|
height | pixels | 指定画布的高度。 |
width | pixels | 指定画布的宽度。 |
此标签支持 HTML 中描述的所有事件属性。
Chrome | Firefox | IE | Opera | Safari | Android |
---|---|---|---|---|---|
Yes | Yes | Yes | Yes | Yes | ? |
祝学习愉快!(内容编辑有误?请选中要编辑内容 -> 右键 -> 修改 -> 提交!)