这篇文章主要为大家展示了“HTML中canvas标签怎么用”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“HTML中canvas标签怎么用”这篇文章吧。
HTML<canvas>标签实例
通过<canvas>元素来显示一个红色的矩形:
<canvasid="myCanvas"></canvas>
<scripttype="text/javascript">
varcanvas=document.getElementById('myCanvas');
varctx=canvas.getContext('2d');
ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
浏览器支持
InternetExplorer,Firefox,Opera,GoogleChrome,Safari
IE9、Firefox、Opera、Chrome和Safari支持<canvas>标签。
注释:IE8或更早版本的IE浏览器不支持<canvas>标签。
标签定义及使用说明
<canvas>标签通过脚本(通常是JavaScript)来绘制图形(比如图表和其他图像)。
<canvas>标签只是图形容器,您必须使用脚本来绘制图形。
HTML4.01与HTML5之间的差异
<canvas>标签是HTML5中的新标签。
提示和注释
注释:<canvas>元素中的任何文本将会被显示在不支持<canvas>的浏览器中。
全局属性
<canvas>标签支持HTML的全局属性。
事件属性
<canvas>标签支持HTML的事件属性。
以上是“HTML中canvas标签怎么用”这篇文章的所有内容,感谢各位的阅读!相信大家都有了一定的了解,希望分享的内容对大家有所帮助,如果还想学习更多知识,欢迎关注编程网行业资讯频道!