html5 cancas drawImage 首次加载不显示问题,图片预加载

使用drawImage()方法在绘制时图像未完全加载,那么drawImage()方法则什么都不会做。在使用drawImage()方法时,务必保证所绘图像已经加载好了。通常我们会将其放在图片加载onload回调函数中确保这一点。如下:

     img = new Image();
     img.src ='devmonitor/res/main.jpg';
     img.onload=function(){
     ctx.drawImage(img,0,0,img.width,img.height,imgX,imgY,
			   canvas.width*imgScale,canvas.height*imgScale);
	};

无意中发现了一个巨牛的人工智能教程,忍不住分享一下给大家。教程不仅是零基础,通俗易懂,而且非常风趣幽默,像看小说一样!觉得太牛了,所以分享给大家。点这里可以跳转到教程。

你可能感兴趣的:(jsp)