HTML 中的 <canvas>属性

首页 / HTML入门教程 / 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>

这将产生以下结果-

全局属性

此标签支持 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 ?

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

技术教程推荐

Service Mesh实践指南 -〔周晶〕

程序员的数学基础课 -〔黄申〕

面试现场 -〔白海飞〕

许式伟的架构课 -〔许式伟〕

网络编程实战 -〔盛延敏〕

性能测试实战30讲 -〔高楼〕

Serverless入门课 -〔蒲松洋(秦粤)〕

实用密码学 -〔范学雷〕

高并发系统实战课 -〔徐长龙〕

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