繪製大型圖像到畫布上

Question

我使用下面的代碼來繪製圖像在畫布上

context.drawImage(image, 0, 0, image.width, image.height, 0, 0, canvas.width, canvas.height); 

此代碼工作正常，但是當我使用大尺寸的圖像（約1300 X 700），然後在畫布是完全空白的。

僅供參考，我也給的代碼我使用的圖像加載後獲得的圖像

var image = new Image(); 
image.setAttribute('crossOrigin', 'anonymous'); 

var img = "http://www.bigrhinos.com/ceabackend/index.php/drawingcontroller/getimage?level=1"; 

image.src = img; 

Answer 1

平局。

var image = new Image(); 
    image.setAttribute('crossOrigin', 'anonymous'); 
    image.src='http://www.bigrhinos.com/ceabackend/index.php/drawingcontroller/getimage?level=1'; 
    image.addEventListener('load', function() { 
     context.drawImage(image, 0, 0, image.width, image.height, 0, 0, canvas.width, canvas.height); 
    });