问题标签 [image-clipping]

目前，我正在开发我的第一个 Java 应用程序，用户可以使用它查看照片、剪切和旋转照片。我在剪裁图像时遇到问题。我想要实现的是以下内容：

• 用户点击“剪切”选项
• 重绘方法调用的矩形出现在图像上
• 通过拉伸矩形用户选择要切割的区域
• 当用户释放鼠标（停止拉伸矩形）时，被矩形包围的区域被留下，图像的所有其余部分都被剪切。

截至目前，我有几个问题：

1. 我的图像集中在 JLabel 上，而 JLabel 又添加到 JPanel，最后一个添加到 JFrame，所以现在，当我想在 JLable 上方添加一个矩形（因此它位于图片上）时，它是不可见的并被添加仅直接在 JPanel 上。
2. 我用paintComponent 绘制了一个图像，但不知道如何移动和拉伸它并再次重新绘制矩形。

以下是我的代码部分（我希望）能更准确地描述我的问题：

我的想法是添加 MouseListeners，但我可以将它添加到使用 Graphics2D 创建的形状中吗？我会很感激你的帮助:) 谢谢

任何人都可以指导我如何使用 SVG 独特的形状制作 CSS 图像剪辑路径？有些人建议使用 SVG Injector 等第三方插件。任何人都可以帮助我如何完成这项适用于所有浏览器的任务？

我已经给出了一个示例图像以使其更好地理解。请检查下图。

http://ktdev.khaleejtimes.ae/shape.jpg

感谢和赞赏。

我尝试使用 CSS 创建一个椭圆形，然后在其上放置图像。
但是背景蛋的形状需要是一个图像。
我可以使用图像上的图像获得相同的外观吗？
因此，背景粉红色阴影是一个图像，而小猫图像将被剪裁在背景粉红色图像中。
任何帮助将不胜感激。谢谢你。

我有一个使用 Triangulation/TriInterpolation 和 contourf 生成的等高线图，如下图所示。我还在轮廓的两侧绘制了两条曲线，它们是数据不应经过的边界。如左下角所示，数据溢出左侧线（由于三角剖分试图连接三角形，我敢肯定），我想找到一种方法来使用左侧线来强制上面的所有内容它被屏蔽或剪裁，因为我将添加更多数据，这无疑会做同样的事情。

我尝试通过 matplotlib.patches 和正常掩蔽使用剪辑，但似乎无法弄清楚。

左行的数据如下：

leftx = [0.319,0.373,0.407,0.432,0.452,0.469,0.483,0.495,0.506,0.516,0.525,0.533,0.541,0.548,0.554,0.560,0.566,0.571,0.576,505,0.589,7.554,0.560,0.566,0.571,0.576,505,0.589,7.55,0.589,0.5.5 ,0.600,0.604,0.607,0.610,0.613,0.616]

左撇子 = [0.5,1.0,1.5,2.0,2.5,3.0,3.5,4.0,4.5,5.0,5.5,6.0,6.5,7.0,7.5,8.0,8.5,9.0,9.5,10.0,10.5,11.0,11.5,12.0 ,12.5,13.0,13.5,14.0,14.5,15.0]

三角剖分/轮廓的网格是

我该怎么做呢？提前谢谢了！:)

为了减少网页的加载时间，我将所有图标放入一个大图像文件中。

我现在需要的是第四个图标（附件图标）作为按钮图标。

这就是我所拥有的：

不幸的是，第五个图标（垃圾）和第六个图标（错误）隐藏在文本后面。如何将图像仅剪切到此图标？

我的旧 C++ 代码使用 for 循环一次读取一行精灵表（行 = 不同的按钮，列 = 不同的按钮状态），并将它们分成单独的精灵剪辑。所有精灵的大小相同。工作正常。

现在，我想将剪辑 for 循环的元素放入一个结构中，这样我就可以编写一个剪辑函数来遍历给定 spritesheet 上的每个图形。遇到一些问题让一切正常工作。当我将枚举放入结构中时，枚举发生了一些变化，我想我搞砸了嵌套的 for 循环。

旧代码

新代码

这是一个错误吗？使用 Google Chrome 或 Microsoft Edge，从地址栏加载 jpg 文件。将浏览器缩放级别设置为 100% 以上。展开窗口以包含整个图像。现在缩小浏览器窗口以挤压它。右侧 10% 的图片在开始缩小之前被剪裁。当通过锚加载 jpg 时也会发生这种情况。例如，将缩放级别设置为 100% 以上。转到 https://gilbertmunger.org/Pages/ID1.html并单击页面上的图像。然后缩小浏览器窗口以挤压加载的图片。在挤压发生时“检查”元素是有益的。当缩放级别为 100% 时，一切正常。有谁知道发生了什么？

我需要使用自定义形状的 SVG 遮罩图像（就像您在下图中看到的拱形一样）。这是带有 SVG 形状路径的实际代码：

这是原始的 SVG：

这似乎可行，但我需要将形状置于图像的中心，并且必须保持其比例（而不是拉伸）。下面我附上一张比文字更能解释细节的图片。

任何想法？

我正在尝试为 SVG 上的一组图像添加剪贴蒙版。但是图像显示不正确。

但是当我在谷歌浏览器上检查时，它显示所有元素都在正确的位置。但是图像显示不正确。我该怎么做才能正确显示图像。