1

我整天都在苦苦挣扎,试图弄清楚我们如何调整图像大小和计算比例。我大部分都失败了!

描述我的问题,对不起!但我找不到任何词......所以这是这个小提琴:http: //jsfiddle.net/Saturnix/TkPX5/

正如你所看到的,有一张沙发和一只羊的图像(如果你不这样做:尝试调整浏览器窗口的大小)。

现在,继续调整浏览器窗口的大小:您应该会看到羊和沙发都被调整了大小。我只想让那只该死的羊留在沙发上,固定位置,就像它在沙发图像中被硬编码一样。无论窗户尺寸如何,羊都必须留在沙发上。

不,我不能用 Photoshop 把羊贴在上面。

在最后的项目中,我将有一个界面而不是沙发,而绵羊将是一个旋钮或按钮。

如果您想亲自尝试,请滚动 javascript,直到到达底部,您会看到“TODO”注释。

有两行代码可以改变羊的位置:您需要计算的所有其他参数已经在上面的代码中(或者至少我希望如此!)。我只是想念公式。

我已经能够动态地调整羊的大小并与沙发成比例:我怎样才能对它的位置做同样的事情?我试过了!一切!但似乎没什么用:'(

非常感谢您!

编辑:似乎小提琴链接是错误的。固定的!

4

1 回答 1

1

您需要相对于图像的新高度和宽度来调整它们,而不是将其设置为固定x值。y

x = masterX + (50 * w / imm1.width);
y = masterY + (235 * h / imm1.height);

http://jsfiddle.net/TkPX5/12/

于 2012-10-03T00:29:12.357 回答