1.Canvas的使用和canvas的常见属性
<canvas id="canvas" height="300" width="300" style="background-color:#F00"> 您的浏览器不支持canvas标签 </canvas>
<body> <canvas id="canvas" height="300" width="300" style="background-color:#F00"> 您的浏览器不支持canvas标签 </canvas> <script> //获取画布DOM,还不能操作 var canvas = document.getElementById("canvas"); //设置绘图环境 var cxt = canvas.getContext("2d"); //alert(cxt); //可以再画线之前设置线的样式等 cxt.lineWidth=10;//设置画笔的宽度 cxt.strokeStyle="#FF9900"//设置画笔的颜色 //画一条线段 cxt.moveTo(20,20);//设定笔触的位置 cxt.lineTo(100,20);//设置移动的方式 cxt.stroke();//将以定义好的线显示 </script> </body>
原文：http://www.cnblogs.com/LO-ME/p/3632511.html