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的事件属性。
|