首页 > 代码库 > 移动端图片优化技巧 canvas代替image
移动端图片优化技巧 canvas代替image
通常来讲,移动端展示一张图片是用浏览器来渲染的,如果图片过大,手机性能不太好的情况下,手机会显示比较卡。
原因是没有处罚设备本身的GPU来渲染,可以使用canvas触发GPU来渲染图片。
使用 drawImage()方法
如:
var c=document.getElementById("myCanvas");var ctx=c.getContext("2d");var img= new Image();
img.src = http://www.mamicode.com/url;
img.onload = funciton (){
ctx.drawImage(img,0,0);
}
移动端图片优化技巧 canvas代替image
声明:以上内容来自用户投稿及互联网公开渠道收集整理发布,本网站不拥有所有权,未作人工编辑处理,也不承担相关法律责任,若内容有误或涉及侵权可进行投诉: 投诉/举报 工作人员会在5个工作日内联系你,一经查实,本站将立刻删除涉嫌侵权内容。