Javascript 通过image.width/height调整图像大小与通过image.style.height/width调整图像大小有什么区别

我有一个大的png图像（15000x6000），我加载到chrome中。我使用图像进行数据分析（卷积等）

我创建了一个较小的版本，用于通过CSS样式查看（coffeescript）：

img.setAttribute 'style',
"position:absolute;top:0;left:0;width:#{w};height:#{h};z-index:#{z}"

其中w，h是较小图像的宽度/高度（z用于创建元素的有序堆栈）

这是可行的，但实际上似乎也减少了原始图像的大小，而不是简单地缩放页面显示大小！也就是说，当我查看原始图像宽度时，它会减小

我通过创建原始图像的第二个克隆图像来解决这个问题。为此，我将克隆宽度/高度设置为较小的值，然后将img.src设置为原始src。这似乎奏效了

---

这是预期的行为吗？“缩略图”和其他图像特技真的会减小初始图像大小吗？分析没用。。chrome已经删除了它的本机内存功能，叹气。

你所说的“查看原始图像宽度，它缩小了”是什么意思？你是如何看待它的？你所说的“原创”是什么意思？在

标记中具有800x1200图像，其样式设置为以200x300显示。如果右键单击图像并查看其“信息”，则大小仍然报告为800x1200。浏览器不会丢弃像素。你标题中的问题在问题正文中没有提及，这是故意的吗？答案是，just

width

是宽度属性，它只能以像素为单位，而

style.width

是样式属性，它需要一个单位（即后缀

px

）。您可以同时设置它们，但是样式会覆盖属性。Pointy:original:make via new Image（）；缩小：通过缩小尺寸的HTML显示的图像。你的演示回答了这个问题。。将鼠标悬停在屏幕上显示200x300像素（自然：800x1200）。困惑的是，我找到了自然宽度/高度，这足以确定原始值。浏览器毕竟没有裁剪，原始图像可以用于进一步的数据分析。唷！尖刻：我如何将你的评论标记为正确答案？