& lt; ! DOCTYPE html>
& lt; html>
,,,& lt; head>
,,,,,,,& lt; meta http-equiv=澳谌堇嘈汀?内容=" text/html;, charset =, utf - 8”比;
,,,& lt;/head>
,,,& lt; script type=" text/javascript, charset=皍tf - 8”比;
,,,,,,,function 新(){
,,,,,,,,,,,var canvas =, . getelementbyid (testcanvas);//得到画布
,,,,,,,,,,,var context =, canvas.getContext (2 d);//得到绘图环境,,参数为绘图环境的类型
,,,,,,,,,,,//画一个实心矩形
,,,,,,,,,,,var oldFillStyle =, context.fillStyle;
,,,,,,,,,,,context.fillStyle =,“红色”;
,,,,,,,,,,,context.fillRect (0, 0100100);
,,,,,,,,,,,context.fillStyle =, oldFillStyle;
,,,,,,,,,,,context.save();//保存上下文的当前状态
,,,,,,,,,,,//画一个空心矩形
,,,,,,,,,,//,var oldStrokeStyle =, context.strokeStyle;
,,,,,,,,,,,context.strokeStyle =,“rgb (155, 0, 0)”
,,,,,,,,,,,context.strokeRect (0101100100);
,,,,,,,,,,,//context.strokeStyle =, oldStrokeStyle;
,,,,,,,,,,,context.restore();//还原上下文的状态
,,,,,,,,,,,//清除指定的矩形区域,使透明
,,,,,,,,,,,context.clearRect(25日,25日,50,50);
,,,,,,,,,,,//闭合路径
,,,,,,,,,,,context.beginPath();//开始绘制一个新路径
,,,,,,,,,,,context.moveTo(105,0);//将画笔移到指定点
,,,,,,,,,,,context.lineTo(200年,50);//从当前点绘制一条直线到指定点
,,,,,,,,,,,context.lineTo (105100);
,,,,,,,,,,,context.closePath();//闭合路径
,,,,,,,,,,,context.stroke();//绘制空心形状
,,,,,,,,,,,context.beginPath ();
,,,,,,,,,,,context.moveTo (105105);
,,,,,,,,,,,context.lineTo (200155);
,,,,,,,,,,,context.lineTo (105205);
,,,,,,,,,,,context.closePath();//闭合路径
,,,,,,,,,,,context.fill();//填充形状
,,,,,,,,,,,context.beginPath ();
,,,,,,,,,,,context.arc (160300、50 0 Math.PI真的);//画弧
,,,,,,,,,,,context.stroke ();
,,,,,,,,,,,oldStrokeStyle =, context.strokeStyle;
,,,,,,,,,,,context.beginPath ();
,,,,,,,,,,,context.fillStyle =,“rgba(155, 0, 0, 0.6);//设置颜色,同时设置透明度
,,,,,,,,,,,context.arc (30, 160300 0 2 * Math.PI真的);//画弧
,,,,,,,,,,,context.fill ();
,,,,,,,,,,,context.font =, ' 30 px 天线;
,,,,,,,,,,,context.strokeText(请,断开连接,你,,405年,20);
,,,,,,,,,,,context.font =, ' 30 px 天线;
,,,,,,,,,,,context.fillText(请,断开连接,你,,405年60);
,,,,,,,,,,,var p_w_picpath =, . getelementbyid(“坦克”);
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
null
