问题标签 [image-clipping]

我正在尝试将画布绘图操作剪辑到弧形楔形。但是，在将剪切路径设置为画布后，我没有得到预期的结果。

为了说明，这就是我正在做的事情：

这行得通，当我简单地绘制这条路径 ( canvas.drawPath(path, paint)) 时，它会绘制如上所示的楔形。但是，当我将此路径设置为画布的剪切路径并在其中绘制时：

我得到了以下结果（留下楔形只是为了显示参考）：

所以它似乎剪裁到 的边界矩形Path，而不是它Path本身。有什么想法吗？

编辑就像更新一样，我发现了一种更有效的方法来实现硬件加速。首先，将整个图像（您将要剪裁的）绘制到屏幕外位图中。BitmapShader使用 this制作 a Bitmap，将该着色器设置为 a ，然后使用该对象Paint绘制楔形路径：Paint

是否可以直接在 OpenCL 上进行图像多边形裁剪？或者为此需要OpenGL互操作性吗？

如果这可以直接在 OpenCL 上实现，我认为这个问题可以归结为填充凹多边形来改变 alpha 通道；事实上，我想使用一个（本机）内核，将图像（image2d_t）和多边形（uint2数组）作为参数。

为了制作Photo Collage Maker，我使用了具有基于对象的剪辑功能的 fabric js。此功能很棒，但该剪切区域内的图像无法缩放、移动或旋转。我想要一个固定位置的剪切区域，并且可以根据用户的需要将图像定位在固定剪切区域内。

我用谷歌搜索并找到了非常接近的解决方案。

Fabric js画布上的多个剪切区域

其中一个剪辑区域的图像出现在另一个剪辑区域中。我怎样才能避免这种情况，或者是否有另一种使用fabric js 来实现这一点的方法。

我正在尝试如下所述进行布局。我不明白如何准确地实现布局。

布局和上面的六边形将有一些我需要从代码中动态更改的文本。

我尝试过这里提到的类似方法

但六边形仍在剪裁。我正在使用以下代码。

我不知道这是唯一的方法还是正确的方法，或者有更好的方法来实现这一点。我很困惑。请帮忙！！！谢谢你..

编辑：

好的，感谢您使用两个具有自定义背景的文本视图的回答是一个好主意。现在我正在使用编辑后的代码，但六边形正在裁剪，如下所示..

我错过了什么我还添加了

和

在我的代码中。

I need to save images drawn (from base64 encoding) into a rounded corner canvas. The canvas is defined using:

The image appears as expected (using ctx.drawImage etc...), with rounded corners. Then I obtain the base64 encoding data of the rounded image using

Unfortunately, when the image is displayed without a rounded-corner canvas, the corners are still there...

Question: is there a simple way to get the base64 image data, as it appears on the canvas, or do I have to go through the painful pixel clipping ordeal ?

thank you !

我觉得我可能需要一些转换器，但这是我想做的。我想要一个具有以下参数的图像控件（因为它位于绑定到真实数据的数据模板中）。

• 以 90x90 的空间为中心（没有任何形式的拉伸）。
• 有一个半径为 40 像素（水平和垂直）的圆形剪裁。
• 如果图像 > 90x90，它应该在 90x90 空间内居中，并从中间剪裁一个 40x40 的圆圈。
• 如果图像 < 90x90，它应该在 90x90 空间内居中。由于整个图像都包含在剪辑区域内，因此剪辑圈应该没有效果。

我在下面有我的 XAML 代码。这适用于正好为 90x90 的图片（即它们不拉伸，它们使图像居中并且剪辑工作）。对于 > 90x90 的图像，剪裁工作正常，但图像未居中。对于 < 90x90 的图像，图像居中，但剪裁似乎将图像放置在图像内容的左上角区域，因此剪裁会剪裁图像的左上角部分。

我可以通过包裹在 Grid 中并将剪辑移动到那里来摆脱第二个问题（小图像剪辑），但大的东西不会居中：

我试图在 css 上制作一个剪贴蒙版，但我认为我走错了路。这是我试图转换为 html 的图像。

现在我尝试了它，它看起来像一团糟：

CSS：

HTML：

非常感谢您的建议。谢谢！

我无法弄清楚如何将带有自定义图像的 UIButton 放置在它所属的 UITableViewCell 中的文本上方。有没有办法重新排序可见故事板层次结构之外的项目？

在情节提要中，我尝试过：

1. 将按钮设置为不透明。
2. 取消选中单元格视图的“剪辑子视图”。

我尝试过的没有任何效果。下图是它现在的样子。

在 transloadit 文档中，它提到了剪切路径的参数，但我找不到任何实际使用该参数的示例。

请参阅https://transloadit.com/docs/conversion-robots#image-manipulation-robots并查找“剪辑”参数。

我正在开发一个新网站时遇到问题。这是我第一次使用 SVG。基本上我需要从我的图像中剪出一个始终位于页面中心的圆圈，以显示元素下的图像。我尝试过使用我的剪辑，一切都很棒。我似乎无法在我的掩码代码中找到错误。这是我设置的快速小提琴的链接。谢谢！