是否可以通过HTML5中的“最近邻居”重采样来调整图像大小?
是的,有可能。使用以下内容-
image-rendering: -webkit-optimize-contrast; /* webkit */ image-rendering: -moz-crisp-edges /* Firefox */
示例
您需要创建屏幕外的画布,然后绘制图像。之后,只需获取像素即可。
var a = document.createElement('canvas').getContext('2d');
a.drawImage(myImg,0,0);
var image = a.getImageData(0,0,img1.width,myImg.height).data;
for (var x=0;x<img1.width;++x){
for (var y = 0; y < img1.height; ++y){
var i = (y*myImg.width + x)*4;
var r = imageimageimageimage[i ];
var g = imageimageimage[i+1];
var b = imageimage[i+2];
var a = image[i+3];
ctx2.fillStyle = "rgba("+r+","+g+","+b+","+(a/255)+")";
ctx2.fillRect(x*zoom,y*zoom,zoom,zoom);
}
}热门推荐
6 保研的祝福语简短
10 年轻20岁祝福语简短
11 朋友结婚祝福语信息简短
12 女孩婚礼贺卡祝福语简短
13 30段点歌简短祝福语
14 虎年春节祝福语图文简短
15 写给后妈祝福语大全简短
16 简短回复生日祝福语
17 校长送毕业祝福语简短
18 毕业立体贺卡祝福语简短