HTML的<canvas>标签作用

　　InternetExplorer9+,Firefox,Opera,Chrome以及Safari支持<canvas>标签。

　　注：InternetExplorer8以及更早的版本不支持<canvas>标签。(推荐学习：html教程)

　　定义和用法

　　<canvas>标签定义图形，比如图表和其他图像。

　　<canvas>标签只是图形容器，您必须使用脚本来绘制图形。

　　HTML4.01与HTML5之间的差异

　　<canvas>标签是HTML5中的新标签。

　　实例

　　如何通过canvas元素来显示一个红色的矩形：

　　<!DOCTYPEHTML>

　　<html>

　　<body>

　　<canvasid="myCanvas">yourbrowserdoesnotsupportthecanvastag</canvas>

　　<scripttype="text/javascript">

　　varcanvas=document.getElementById('myCanvas');

　　varctx=canvas.getContext('2d');

　　ctx.fillStyle='#FF0000';

　　ctx.fillRect(0,0,80,100);

　　</script>

　　</body>

　　</html>

本文转载自中文网

如需转载，请注明文章出处和来源网址：http://www.divcss5.com/html5/h55492.shtml