HTML<canvas>属性

/ / HTML<canvas>属性

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

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>

这将产生以下结果-

链接:https://www.learnfk.comhttps://www.learnfk.com/html/html-canvas-tag.html

来源:LearnFk无涯教程网

全局属性

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

特定属性

HTML <canvas>标签还支持以下附加属性-

Attribute Value 描述
height html-5 pixels 指定画布的高度。
width html-5 pixels 指定画布的宽度。

事件属性

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

浏览器支持

Chrome Firefox IE Opera Safari Android
Yes Yes Yes Yes Yes ?

祝学习愉快! (发现内容有误?请选中要编辑的内容 -> 右键 -> 修改 -> 提交!帮助我们改进教程质量)

精选教程推荐

👇 以下精选教程可能对您有帮助,拓展您的技术视野

结构思考力 · 透过结构看表达 -〔李忠秋〕

B端体验设计入门课 -〔林远宏(汤圆)〕

技术领导力实战笔记 2022 -〔TGO 鲲鹏会〕

编程高手必学的内存知识 -〔海纳〕

深度学习推荐系统实战 -〔王喆〕

性能工程高手课 -〔庄振运〕

重学前端 -〔程劭非(winter)〕

Nginx核心知识150讲 -〔陶辉〕

程序员进阶攻略 -〔胡峰〕

📝 好记忆不如烂笔头,留下您的学习笔记吧!

暂无学习笔记,成为第一个分享的人吧!

您的笔记将帮助成千上万的学习者