当前位置：文江博客话题详情

HTML5 中的橡皮筋

发布于 2024-12-18 20:20:38 字数 105 浏览 0 评论 0原文

我希望在画布上绘制一个矩形，但拉伸起点。但我如何擦除在此过程中绘制的先前矩形。我的意思是，如果我的背景颜色是红色，并且我想在其上绘制一个黑色矩形。在擦除橡皮筋期间绘制的中间矩形时，我希望保留背景。

原文

分享到QQ

分享到微博

如果你对这篇内容有疑问，欢迎到本站社区发帖提问参与讨论，获取更多帮助，或者扫码二维码加入 Web 技术交流群。

发布评论

需要登录才能够评论，你可以免费注册一个本站的账号。

半城柳色半声笛 2024-12-25 20:20:38

这个问题有点难以理解，但我假设您想要使用 getImageData 和 putImageData 执行以下操作：

// save the entire canvas (in this example, its 500 x 500) to be restored later
image = context.getImageData(0, 0, 500, 500);

function draw() {
   context.clearRect(0, 0, canvas.width, canvas.height); // clear entire canvas
   context.putImageData(image, 0, 0); // restore entire canvas saved previously
   /** Now, draw other stuff on top of the canvas **/
}

The question is a little hard to understand, but I'm assuming what you want to do is the following using getImageData and putImageData:

// save the entire canvas (in this example, its 500 x 500) to be restored later
image = context.getImageData(0, 0, 500, 500);

function draw() {
   context.clearRect(0, 0, canvas.width, canvas.height); // clear entire canvas
   context.putImageData(image, 0, 0); // restore entire canvas saved previously
   /** Now, draw other stuff on top of the canvas **/
}

回复收藏 0 原文