如何不对多个图形使用canvas clearRect()？

文章/答案/技术大牛

发布

1回答

javascript、jquery、html、canvas

在我的代码中，我使用ctx.clearRect(0,0,canvas.width,canvas.height);，因此，它不允许我做多个绘图。如果我没有使用clearRect()，程序就不能正常工作。此外，我还试图更改clearRect()的位置，但它对我也不起作用。var canvas = document.getElementById('canvas'); var ctx = canv

浏览 22提问于2019-07-02得票数 2

回答已采纳

2回答

如何在HMTL5画布上绘制矩形时清除轨迹

javascript、canvas

当我使矩形的尺寸变小时，如何清除这些轨迹？下面是我使用的JavaScript代码。提前谢谢。= "default"; var rect = canvas.getBoundingClientRect();return { y: e.pageY - canvas.offsetTop, };

浏览 3提问于2015-02-12得票数 1

2回答

分别清理画布“图层”？

javascript、html、canvas

由于<canvas>仅限于一个上下文，我的方法如下：有一个<canvas>在页面上，使用document.createElement("canvas")创建多个“层”，<canvas>分别使用“层”。这里的问题是，它最终不会改变任何东西，因为在我的主<canvas>上绘制所有的东西，当我在我的一个层上做clearRect时，它什么也不做，因为除了给定的层之外，像素也

浏览 3提问于2022-01-29得票数 1

回答已采纳

1回答

绘制图形时清除画布的问题

javascript、jquery、html、canvas

在绘制新图形之前，这些方法似乎都不能真正销毁旧图形。canv1.clearRect(0,0,canvas1.width,canvas1.height);canv4.clearRect</em

浏览 2提问于2014-07-31得票数 0

1回答

多个画布作为层

javascript、html、canvas

我在一个html页面中使用多个画布作为层，就像在中一样，但我遇到了一些问题。如果我画了它们<canvas id="widget"></canvas><canvas id="widget"></can

浏览 1提问于2015-05-18得票数 0

3回答

在画布上用鼠标划出多个形状在快速移动时不清晰。

javascript

我希望用户能够在同一画布上绘制多个矩形。在我发现的所有‘用鼠标绘制重新绘制’示例中，您通常使用clearRect(0,0，canvas.width，canvas.height)清除整个画布，但是由于我希望能够绘制多个rect，所以我将其更改为canvas.clearRect(start.x、start.y、end.x-start.x、end.y-start.y)。draw.clearRect(start.x-5, start.y-5,

浏览 8提问于2015-08-15得票数 0

回答已采纳

25回答

如何清除画布进行重绘

javascript、html、canvas、html5-canvas、composite

在尝试了合成操作和在画布上绘制图像之后，我现在正在尝试删除图像和合成。我该怎么做呢？

浏览 38提问于2010-01-27得票数 1159

回答已采纳

1回答

如何调整画布的大小以适应相同的内容，无论大小如何

javascript、html5-canvas、scale

如何调整它的大小以使视图保持不变？我有这些变量来尝试缩放画布，但我不知道将canvas.scale函数放在哪里。

浏览 3提问于2020-05-27得票数 0

1回答

如何使用Javascript使矩形不离开画布

javascript、html、canvas、rectangles

因此，我使用javascript在画布上创建了一个矩形，如下所示： { { { {

浏览 0提问于2017-09-24得票数 0

回答已采纳

1回答

如何在画布上动画drawImage()的多个实例？

javascript、animation、canvas

我是第一次与帆布动画工作，我有一个问题时，试图动画多个图像在一次。我可以在画布上画出多幅图像，并将它们随机放置。我可以在画布上获得一个要动画的图像，但只能从数组中获得最后一个图像。我知道问题在于clearRect()清除了从该数组中绘制的所有以前绘制的图像，但无法确定如何只在每个动画帧中绘制所有图像之后，只使用clearRect，我想知道以前是否有人处理过这样的事情，以及在绘制所有图像之后，他们是否能为我指明如何只绘制clearRect()的正确方向？(0, 0, <

浏览 0提问于2019-01-06得票数 2

回答已采纳

1回答

将画布中的多个对象移动到x，y坐标

javascript、html、canvas、game-physics

我试图对多个对象使用 "moveTo(x，y)“(由)函数。是我尝试过的。positionvar nextY = startingY + dy * pct; ctx.clearRect(0, 0, canvas.width, canvas.height);我想要做的是多个形状：

浏览 0提问于2013-10-12得票数 0

回答已采纳

2回答

html5画布-更新文本

javascript、html、canvas

这是我的项目：我需要的是修改画布中的文本，以便当我单击更新时，它实际上更新了文本，而不是在旧文本行上创建新的文本行。

浏览 0提问于2012-06-06得票数 2

回答已采纳

1回答

具有相同页面上随机图形的多个html画布元素

javascript、html、canvas

尝试在单个html页面上创建多个画布元素，然后在每个页面上绘制不同的图形。但问题是，相同的图形都是在它们上绘制的，没有任何随机化。canvas and storing it in an array canvas1.style

浏览 4提问于2020-10-24得票数 1

回答已采纳

1回答

在同一画布上交换图形

javascript、canvas、flot

各位同事：<!ctx.setTransform(1, 0, 0, 1, 0, 0); }

浏览 0提问于2015-09-25得票数 0

2回答

在画布上绘制多个矩形而不清除背面图像

javascript、jquery、html、html5-canvas

我正在画布上画多个矩形。我可以这样做，除了它没有清除矩形，因为鼠标移动。当我试图使用clearRect清除矩形时，画布上的背面图像也会被清除。所以我在下面的代码中注释掉了//ctx.clearRect(0, 0, canvas.width, canvas.height); var canvas = document.getElementById('myCanv

浏览 0提问于2019-08-08得票数 1

4回答

html5画布心电图

javascript、html、graph、html5-canvas

我试着研究了几个使用画布绘制图形的图形插件，尝试了，但没有成功。 ctx.lineTo(n, data[n] * 2); ctx.clearRect(n + 1, 0, 10, canvas.height); } 但它并

浏览 13提问于2013-12-05得票数 4

回答已采纳

1回答

如何更新JavaFX画布？

java、canvas、javafx

我一直在开发一个图形用户界面来可视化一个基本的神经网络程序的布局和工作，我认为最好的方法是通过JavaFX画布。每个周期，程序清除屏幕，然后重新绘制状态使用gc.clearRect(0, 0, canvas.getWidth(), canvas.getHeight());gc.strokeLine(x1, y1, x2, y2)

浏览 2提问于2017-05-17得票数 0

回答已采纳

1回答

点击图的颜色变化和尺寸[JS]

javascript、jquery

制作一个转换成正方形和矩形的图形，让它在点击时改变成各种颜色，最后在屏幕上写上图形的尺寸。昨晚我得到了前2点的工作，但现在当我打电话给JQUERY时，整个页面都变成了空白。` <script src="https://code.jquery.com/jque

浏览 0提问于2018-01-23得票数 1

回答已采纳

1回答

如何绘制可由滑块控制的动态曲线

javascript、html5-canvas

例如，如果用户使用滑块控制正弦曲线，则曲线应从值更改的时间开始更改(而不是整个可见曲线)。

浏览 2提问于2013-02-05得票数 0

1回答

画布中的Context.clearRect不起作用

javascript、html、canvas、html5-canvas、drawimage

但是当我添加clearRect()时，图片就消失了。如何将类似的代码与正确的方法结合使用，以使clearRect()正常工作？下面是我的代码：<head>#canvas_id{ } </head> <canvasid="canvas_id"

浏览 2提问于2018-03-25得票数 0

点击加载更多