我想选择图像上的区域，然后将其裁剪为多个部分，并使用 HTMl CSS 等将这些多个图像分别保存在一个文件夹中 请指导我如何选择图像区域并将其划分为多个图像，例如 10 行和 3 列，这样将有 30 个裁剪图像并单独保存在一个文件夹中， 如果基于 Web 的应用程序，我想使用 HTML CSS 来执行此操作 如果没有，我可以使用 C# .NET 来完成这项任务的独立应用程序
【问题讨论】：
你为什么不只使用 JQuery Cropper？
【讨论】：
如果使用 css，我会认为你的任务是负边距。
首先，将图像放置在父元素中，例如在段落中（标签<p>）。父段落应该是浮动（floating）元素（或预定宽度）。我注意到在具有“全宽”属性的元素上不起作用。
接下来，我们为所有四个边设置负边距：上、右、下和左。负边距决定了在各个方向上的截断程度，我们的图像位于父部分（<p> 段）。我们只得到原始图像的一部分——一个废料。然后，当我们将父属性溢出替换为隐藏时，我们隐藏了超出我们修剪范围的字段。目标达成。但是，您将不得不修改精确指定所需尺寸的值。
<p class="crop"><a href="#"><img src="img.jpg" /></a></p>
.crop {
float: left;
margin: .5em 10px .5em 0;
overflow: hidden; /* this is important */
}
/* input values to crop the image: top, right, bottom, left */
.crop img {
margin: -41px -156px -40px -30px;
}
【讨论】：