有几种方法可以清除画布中的内容。
假设目前画布有一个彩虹圆形，我们现在要把它清除掉。
重置画布宽与高，就会移除当前画布内容。
document.querySelector("#canvas");
...
var w = theCanvas.width;
var h = theCanvas.height;
theCanvas.width = w;
theCanvas.height = h;
运行结果：
注意：该方法对图片填充的形状无效！
该方法可以在画布上清理出一个矩形区域。语法：context.clearRect(x,y,width,height);
| 参数 | 描述 |
|---|---|
| x | 要清除的矩形左上角的 x 坐标 |
| y | 要清除的矩形左上角的 y 坐标 |
| width | 要清除的矩形的宽度，以像素计 |
| height | 要清除的矩形的高度，以像素计 |
context.clearRect(0, 0, theCanvas.width, theCanvas.height);
运行结果与上一例相同。
该方法也对图片填充的形状无效！
有几种方法可以清除画布中的内容。 1 重置画布宽与高 假设目前画布有一个彩虹圆形，我们现在要把它清除掉。 重置画布...
在 html5 文档内创建 canvas 画布： “画布”(canvas) 是 html5 中独有的元素，通过它可...
一、如何解决Canvas画布在移动端显示模糊的问题？ Canvas画布在PC端显示正常，但是放在移动端却发现整个画...
canvas(画布) 1、 HTML5提供的新元素2、 Canvas在HTML页面提供画布的功能,可以在页面中绘制...
我们知道canvas是画布，今天我们就来画布上面画线和面。 1.Html中的画布 canvas是HTML5中的元素...
Canvas和Paint简介 Canvas可以称之为画布，在Android中，整个view就是一张画布，也就是Ca...
加载图像到canvas画布中 var canvas = document.getElementById("myca...
我在使用canvas进行绘画涂鸦开发的过程中，将图片作为canvas的背景图，在保存画布的时候想将背景图和当前画布...
脑图 一丶展示出静态效果 构造函数+canvas精灵图，将人物放入canvas画布中，并定义girl对象 //画布...
canvas:画布 画布大小默认300*150(宽高) canvas画布有一个坐标轴 坐标远点0,0 位置在左上角...
本文标题：说说在 Canvas 中如何清除画布
本文链接：https://www.haomeiwen.com/subject/lnrfpktx.html
网友评论