2012-10-16 35 views
0

我希望做這樣的事情上圖像的比例... http://www.eskenazi.co.uk/exhibitions/early-chinese-metalwork#gold-and-silver-standing-figure查找放大

這裏是我迄今所做的,但我cn't似乎得到比工作,所以我伸手。

我的工作至今... http://jsfiddle.net/rtY8c/1/

我需要知道的是我會怎麼計算的呢?使用下面這個圖, 給我的公式,請...或jsfiddle.net

我cn't使用插件,因爲代碼的複雜引入插件...

enter image description here

+0

http://www.starplugins.com/cloudzoom – mplungjan

回答

0

http://jsfiddle.net/vwWWW/11

比率相同 的768×1024的圖像(比3:4) 的300×400的圖像(比3:4)

但寬度比是300至768。 .. 25:64 和高度的比例是400到1024 ... 25:64 或2.56

所以如果你把「預覽格」到比一切都將同步... 在例如:117 X 156

0

首先:小圖像中高光部分的寬高比必須與要顯示的較大圖像部分的寬高比相同。然後,您需要知道從較小圖像到較大圖像的放大倍數(mf)。

然後可以通過較小圖像內高亮區域的左上角確定較大圖像左上角的位置。

top_big = top_of_highlight_area_relative_to_small_image * mf; 
left_big = left_of_highlight_area_relative_to_small_image * mf; 

例子:假設你有mf==2和高亮部分是在頂部位置= 10 /左= 10。因此,更大的圖像內的頂部/左側位置將是

top_big = 10 * 2 = 20 
top_left = 10 * 2 = 20 

所以,你必須20個像素的左側和20個像素移動更大的圖像上方顯示較大的圖像的正確部分