簡體   English   中英

clearRect后無法在畫布上繪制圖像

[英]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;

暫無
暫無

聲明:本站的技術帖子網頁,遵循CC BY-SA 4.0協議,如果您需要轉載,請注明本站網址或者原文地址。任何問題請咨詢:yoyou2525@163.com.

 
粵ICP備18138465號  © 2020-2024 STACKOOM.COM