調整圖片大小，並使用javascript保留圖片原始位置

Question

我一直在努力研究如何調整圖像大小和計算比例。我大多失敗了！

爲了描述我的問題，抱歉！但我無法找到任何詞語......因此，這裏是此琴： http://jsfiddle.net/Saturnix/TkPX5/

正如你可以看到有一個帶沙發和一隻羊的圖像（如果你不：嘗試調整瀏覽器窗口）。

現在，請繼續調整瀏覽器窗口的大小：您應該看到綿羊和沙發都被調整大小。我只想讓該死的羊留在沙發上，在固定位置，就好像它是在沙發上硬編碼一樣。無論窗戶尺寸如何，羊都必須留在沙發上。

不，我不能使用Photoshop並將它貼在它上面。

在最後的項目，而不是沙發我會有一個界面，羊將是一個旋鈕或一個按鈕。

如果您想嘗試自己，請滾動javascript，直到您到達底部，您會看到「TODO」評論。

有兩行代碼改變了綿羊的位置：你需要計算這些的每個其他參數已經在上面的代碼中（或者至少我希望如此！）。我只是想念這個公式。

我已經能夠動態地調整綿羊的大小，並且與沙發的比例成正比：我怎樣才能對它的位置做同樣的事情？我試過了！一切！但是沒有什麼似乎工作：'（

非常感謝你提前

編輯：！。！好像小提琴的鏈接是錯誤的修正

Answer 1

，而不是設置x和y爲固定值，你需要相對新的高度和圖像的寬度進行調整。

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

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