irpas技术客

Canvas清除画布的3种方法_m0_37373379_canvas清除画布

网络投稿 4750

一、通过简单填充 ? ? 使用一个新的背景色简单地填充整个画布,这样就可以清除当前内容 context.fillStyle = '#ffffff'; context.fillRect(0, 0, theCanvas.width, theCanvas.height); ? 二、重置画布高度 ? ? 当画布的宽或高被重置时,当前画布内容就会被移除。 ?var w = theCanvas.width; ?var h = theCanvas.height; ?theCanvas.width = w; ?theCanvas.height = h;

?

三、使用clearRect函数 ? ? clearRect()?函数可以指定起始点的x, y?位置以及宽度和高度来清除画布 ? var w = theCanvas.width; var h = theCanvas.height; context.clearRect(0, 0, w, h);

?


1.本站遵循行业规范,任何转载的稿件都会明确标注作者和来源;2.本站的原创文章,会注明原创字样,如未注明都非原创,如有侵权请联系删除!;3.作者投稿可能会经我们编辑修改或补充;4.本站不提供任何储存功能只提供收集或者投稿人的网盘链接。

标签: #canvas清除画布 #一通过简单填充