绘制大型图像到画布上

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); 
    });