如何裁剪来自java端的动态图像？

Posted 2023-03-05

【中文标题】如何裁剪来自java端的动态图像？

【英文标题】：How to crop dynamic images coming from java side?

【发布时间】：2017-05-13 11:11:59

【问题描述】：

我从 Java 服务的 url 获取图像。图像尺寸太大。

如何使用内联 css 减小它的大小？

图像从顶部和底部包含许多白色边框。我也需要删除它。

【参考方案1】：

请记住，*** 不是为完成您的工作而设计的。请下次自己尝试并在咨询 SO 之前搜索您想要的东西。

如果你用谷歌搜索css3 cut image，这里的前两个链接都或多或少与你想要的一样：

CSS Display an Image Resized and Cropped How to “crop” a rectangular image into a square with CSS?

无论如何，这里有一个使用 inline-css 的可能解决方案：

将<img>-标签与您的图像放在<div> 中，它定义了“窗口”的大小，我们通过它查看图像（大小实际上保持不变）。

这里是一个简单的例子：

<div style="height:100px; width:150px; overflow:hidden;">
   <img src="path/to/your/image" />
</div>

我们在这里使用overflow: hidden;，表示这个盒子里的所有东西，比盒子本身大，不会被显示出来。要调整图像（由于您的白色边框），请将 style="margin-left: 10px"; 添加到 <img>-Tag。你也可以在那里使用负值。