<!DOCTYPE html> <html> <script type="text/javascript"> function clearMap{ context.clearRect(0,0,300,200); } </script> <body> <canvas id="myCanvas" style="border:1px solid"; width="300" height="200"> </canvas> <script type="text/javascript"> var c=document.getElementById("myCanvas"); var context=c.getContext("2d"); context.strokeStyle="FF00FF"; context.beginPath(); context.arc(200,150,100,-Math.PI*5/6,true); context.stroke(); </script> </br> <input name="" type="button" value="清空画布" onClick="clearMap();"> </body> </html>
我找到了一些相关的资料,分享给你 链接是:http://blog.sina.com.cn/s/blog_65b9816e0101pb8n.html 清除方法一、 在这个图片的位置接着画一个矩形,覆盖这个图片,并且把颜色设置成和背景色一样就OK了!代码如下: context.fillStyle="ffffff";//白色为例子; context.fillRect(400,100,400,100); 注意,上面的代码要放在imageObj.onload里面才有效果; 清除的方法二,用clearRect()方法,代码如下: context.clearRect(400,100,imageObj.width,100);//清除画布上的指定区域; 注意,上面的代码要放在imageObj.onload里面才有效果; 效果图如下:
220
社区成员
230
社区内容
加载中
试试用AI创作助手写篇文章吧