调整大小，使用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>