我一整天都在努力尝试弄清楚如何调整图像大小和计算比例。我基本上都失败了!
描述一下我的问题，抱歉!但我找不到任何词语......所以这是这个 fiddle : http://jsfiddle.net/Saturnix/TkPX5/
正如您所看到的，有一张带有沙发和一只羊的图像(如果没有:请尝试调整浏览器窗口的大小)。
现在，继续调整浏览器窗口的大小:您应该看到羊和沙发的大小都被调整了。我只是想让该死的羊留在沙发上，处于固定位置，就像它被硬编码在沙发图像中一样。无论 window 尺寸如何，羊都必须留在沙发上。
不，我无法使用 Photoshop 将羊粘贴到上面。
在最终的项目中，我将有一个界面，而不是沙发，而羊将是一个旋钮或按钮。
如果您想亲自尝试，请滚动 JavaScript，直到到达底部，您将在其中看到“TODO”注释。
有两行代码可以改变羊的位置:计算这些参数所需的每个其他参数都已经在上面的代码中(或者至少我希望如此!)。我只是想念公式。
我已经能够动态调整羊的大小并使其与沙发成比例:我怎样才能对其位置做同样的事情？我已经尝试过!一切!但似乎没有任何作用:'(
提前非常感谢您!
编辑:似乎 fiddle 链接是错误的。已修复!
最佳答案
您需要相对于图像的新高度和宽度调整它们，而不是将x和y设置为固定值。
x = masterX + (50 * w / imm1.width);
y = masterY + (235 * h / imm1.height);
关于javascript - 使用 javascript 调整图像大小并将其保持在原始位置，我们在Stack Overflow上找到一个类似的问题： https://stackoverflow.com/questions/12698856/