可以'清除Rect后,不要在画布上绘制图像
can't draw image on canvas after clearRect
我在下面的代码中遇到了一些问题。从本质上讲,这是在一个图像上传器中完成的。因此,一旦上传器完成回调,就会执行以下代码:
var c = canvas.getContext('2d');
var logoImage = new Image();
logoImage.onload = function() {
c.clearRect(0, 0, canvas.width, canvas.height);
c.drawImage(logoImage, 0, 0, 200, 300); // i've simplified this call...
}
logoImage.src = "/path/to/" + fileName;
所以这是第一次。但我预计它在以后的时候也会起作用。因此,当上传另一个图像时,画布将被清除,并绘制该图像。相反,画布被清除了,但没有进行进一步的绘制。。。
有什么想法吗?
试试这个:
更换
c.clearRect(0, 0, canvas.width, canvas.height);
带有:
canvas.width=canvas.width;
相关文章:
- 用图像而不是颜色填充对象(将图像绘制到画布上)
- 仅使用Chrome进行慢速图像绘制
- 将 SVG 图像绘制到 CanvasRenderingContext2D 中
- 为什么我不能将图像绘制到画布中
- 将许多新图像绘制到画布时内存泄漏
- Javascript - 加载GIF冻结,同时将图像绘制到画布(Phonegap/Cordova)
- 画布:绘制图像而不是将图像绘制到画布
- 将图像绘制到<画布>
- 在浏览器中识别完整的图像绘制
- 画布图像绘制失败
- 将图像绘制到画布上
- 如何在画布上为运动图像绘制多条路径
- 将图像绘制到画布有时不显示任何东西
- 修剪透明背景的图像绘制在画布与PHP或javascript
- Javascript将图像绘制在彼此之上
- 我可以将数组值插入到画布的图像绘制函数中吗?
- 画布上的图像绘制比原始尺寸大
- 画布图像绘制不工作
- 将预先加载的图像绘制到画布中
- javascript从缓冲区(nodejs/socket.io)将图像绘制到html中