JS 图片尺寸压缩，请教各位

有张图片： 1.jpg 1000 * 1000

我显示在网页之上后，他的显示大小为 width ,height：100 * 100 但是： naturalWidth,natrualHeight: 1000 * 1000

我保存到本地图片大小： 1000 * 1000

请问有没有办法：让它的 naturalWidth,natrualHeight 压缩到和他的显示大小一致，保存后的大小也为 100 * 100

回答完整才能采纳，不要逼迫我采纳。

JS将图片压缩为指定尺寸

希望大家都能回答，我会采纳给最好的。

你原图是1000*1000的话，不管显示是多大，下载下来的还会是原图的大小。道理很简单，你原图片没变。
一般显示的话需要根据不同的尺寸代码生成相应的尺寸出来的，掩耳盗铃肯定不能解决问题的。

最好就是把原图设置成你想要的大小,光靠改页面的样式是没有用的

用canvas可是实现啊，context.drawImage(img,sx,sy,swidth,sheight,x,y,width,height);
width 可选。要使用的图像的宽度。（伸展或缩小图像）
height 可选。要使用的图像的高度。（伸展或缩小图像）

参考下这个（引用）：

 http://www.webhek.com/post/save-canvas-to-image.html

设置一个div的大小为100X100,用你的图片作背景