HTML <canvas>标签

时间:2019-06-08 23:19:32  来源:igfitidea点击:

说明

HTML<canvas>标签用于使用脚本绘制图形、动画等。

示例

<body>
   <canvas id = "newCanvas">您的浏览器不支持canvas标签。</canvas>
   <script>
      var c = document.getElementById('newCanvas');
      var ctx = c.getContext('2d');
      ctx.fillStyle = '#f00';
      ctx.fillRect(0,0,100,30);
   </script>
</body>

全局属性

此标签支持HTML属性参考中描述的所有全局属性

特定属性

HTML<canvas>标签还支持以下添加属性:

属性说明
height HTML5pixels指定画布的高度
width HTML5pixels指定画布的宽度

事件属性

此标签支持HTML事件参考中描述的所有事件属性

浏览器支持

ChromeFirefoxIEOperaSafariAndroid
支持支持支持支持支持未知