varcanvas=document.getElementById(myCanvas); varctx=canvas."/>

HTMLcanvas标签实例

HTMLcanvas标签实例
    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的事件属性。

推荐阅读