調整大小，使用javascript從中心裁剪圖像

Question

不知道是否有人可以提供幫助，我正在尋找一種方法來拍攝尺寸不同的圖像路徑 - 然后創建一個固定的高度和寬度縮略圖（136x75），從中心點裁剪。

我不能在PHP中真正做到這一點，因為我需要在js中動態執行此操作，因為我正在讀取包含圖像路徑的xml文件，並通過javascript加載它們。

我只是試圖找到一個腳本或構建一個腳本，它將根據寬度或高度（取決於原始圖像的縱向或縱向比例？）來確定天氣尺寸，然后從中心到最終的136x75進行裁剪

任何人都有關於如何做到這一點或現有解決方案的任何好建議？

謝謝你的期待，

Answer 1

使用css剪輯樣式

CSS剪輯

編輯：它顯示的代碼的包裝部分應該防止絕對定位故障

<div class="clipwrapper"> <--- this gets set to position:relative so it shouldnt break the image out of the carosel
    <div class="clip"> <--- this gets the absolute position 
     <img src="castle.jpg" />
    </div>
</div>