html5 cancas drawImage 首次加载不显示问题，图片预加载
2016-09-28 14:21
405 查看
使用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);
};
内容来自用户分享和网络整理，不保证内容的准确性，如有侵权内容，可联系管理员处理 
相关文章推荐
- 小米手机上ImageView加载超大本地图片不显示的问题
- universal-image-loader加载图片，程序异常崩溃，图片不在加载显示问题
- SDWebImage 加载图片不显示问题
- Android Universal Image Loader加载 ListView 滑动过程中图片显示重复错位闪烁问题
- 使用universalimageloader图片加载框架,正确加载却无法显示图片问题的处理
- Glide与CircleImageView加载圆形图片显示不正常的问题
- SDWebImage 加载图片不显示问题 --- 难以想象的BUG
- Flex中Image加载图片出错显示默认图片
- Widget中使用ImageView显示图片的问题
- 批量加载图片资源时模拟器的显示而真机不显示的小问题
- [UIImage imageNamed:@"icon.png"] 加载图片的问题
- CListCtrl 显示图片及大批量数据的加载速度与闪烁问题
- Java swing 加载和显示图片 利用Image与BufferedImage
- 关于ListView异步加载图片导致图片显示混乱以及ListView效率问题探讨
- [UIImage imageNamed:@"icon.png"] 加载图片的问题
- 『HTML5游戏开发』加载图片和显示进度条
- Jquery修改image的src属性，图片不加载问题
- GDI+ DrawImage函数拉伸图片时自动渐变问题
- [转]Flex Loader加载图片在BitmapImage上显示
- FileUpLoad选择图片后，直接将图片显示在image中。及IE8本地路径（"C:/fakepath/"）出现问题的解决方案