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>

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

1 个答案: