无涯教程网

关注我们

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	pixels	指定画布的高度。
width	pixels	指定画布的宽度。

事件属性

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

浏览器支持

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

祝学习愉快！(内容编辑有误？请选中要编辑内容 -> 右键 -> 修改 -> 提交！)

技术教程推荐

技术管理实战36讲 -〔刘建国〕

零基础学Java -〔臧萌〕

移动端自动化测试实战 -〔思寒〕

JavaScript核心原理解析 -〔周爱民〕

如何看懂一幅画 -〔罗桂霞〕

动态规划面试宝典 -〔卢誉声〕

成为AI产品经理 -〔刘海丰〕

手把手带你搭建推荐系统 -〔黄鸿波〕

云时代的JVM原理与实战 -〔康杨〕

好记忆不如烂笔头。留下您的足迹吧 :)