我整天都在苦苦挣扎,试图弄清楚我们如何调整图像大小和计算比例。我大部分都失败了!
描述我的问题,对不起!但我找不到任何词......所以这是这个小提琴:http: //jsfiddle.net/Saturnix/TkPX5/
正如你所看到的,有一张沙发和一只羊的图像(如果你不这样做:尝试调整浏览器窗口的大小)。
现在,继续调整浏览器窗口的大小:您应该会看到羊和沙发都被调整了大小。我只想让那只该死的羊留在沙发上,固定位置,就像它在沙发图像中被硬编码一样。无论窗户尺寸如何,羊都必须留在沙发上。
不,我不能用 Photoshop 把羊贴在上面。
在最后的项目中,我将有一个界面而不是沙发,而绵羊将是一个旋钮或按钮。
如果您想亲自尝试,请滚动 javascript,直到到达底部,您会看到“TODO”注释。
有两行代码可以改变羊的位置:您需要计算的所有其他参数已经在上面的代码中(或者至少我希望如此!)。我只是想念公式。
我已经能够动态地调整羊的大小并与沙发成比例:我怎样才能对它的位置做同样的事情?我试过了!一切!但似乎没什么用:'(
非常感谢您!
编辑:似乎小提琴链接是错误的。固定的!