javascript - 使用javascript从中心调整大小，裁剪图像

Question

想知道是否有人可以提供帮助，我正在寻找一种方法来获取大小不同的图像路径 - 然后从中心点裁剪并从中创建固定高度和宽度的缩略图 (136x75)。

我真的不能在 PHP 中执行此操作，因为我需要在 js 中即时执行此操作，因为我正在读取包含图像路径的 xml 文件，并通过 javascript 加载它们。

我只是想找到一个脚本或构建一个脚本，它将确定天气的大小以适应宽度或高度(取决于原始图像的横向或纵向比例？)，然后从中心裁剪到最终的 136x75

有人对如何执行此操作或现有解决方案有任何好的建议吗？

感谢观看，

Answer 1

使用css剪辑样式

CSS Clip

编辑: 它显示的代码的包装部分应该防止绝对定位故障

<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>