移动端图片优化技巧 canvas代替image

标签：使用   ar   sp   on   ad   new   bs   as   text   

通常来讲，移动端展示一张图片是用浏览器来渲染的，如果图片过大，手机性能不太好的情况下，手机会显示比较卡。

原因是没有处罚设备本身的GPU来渲染，可以使用canvas触发GPU来渲染图片。

使用 drawImage()方法

如：

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
var img= new Image();
img.src = url;
img.onload = funciton (){
　　ctx.drawImage(img,0,0);
} 

移动端图片优化技巧 canvas代替image

标签：使用   ar   sp   on   ad   new   bs   as   text   

原文地址：http://www.cnblogs.com/damade/p/4019425.html