使用 ImageMask Swift 填充图像答案

【问题标题】：Fill an Image using an ImageMask Swift使用 ImageMask Swift 填充图像
【发布时间】：2015-03-11 18:29:28
【问题描述】：

我试图弄清楚如何用颜色填充中心透明的 PNG。我给你做了一个预览，以可视化我无法解释的内容：D

“盾牌图标”只是一个笔划。里面和外面都没有背景。

我想调用类似的函数

func fillShield(percentage: CGFLoat) {
     ...
     //code needed to fill the shield
}

我如何设法让类似的东西在 swift 中运行？

干杯，尼克拉斯

【问题讨论】：

【解决方案1】：

你有原始的 SVG（或者你能得到一个）而不是 PNG。如果是这样，我建议获取 PaintCode，它将采用此 SVG 并为您提供使用贝塞尔曲线绘制它的代码 - 从那里也很容易部分填充它 - 您可以使用贝塞尔曲线和矩形作为蒙版。

如果不是，您可以修改 png 使其外部不透明吗？如果是这样，您只需要在下面绘制绿色矩形，它就会显示出来。

如果您需要透明的外部（覆盖在背景上），请制作两份 PNG 副本，一份内部透明，一份外部透明。使用第一个制作进度图像，然后将第二个的 Alpha 通道复制到结果中。

CoreImage 和 CoreGraphics 具有您完成每个部分所需的功能——这里有一个链接，用于了解如何获取像素（用于复制通道）：

编辑：详细说明。你需要两张图片

步骤：

【讨论】：

我不能只将填充屏蔽到盾的边界（使用您所说的第二个 PNG）然后添加我已经拥有的 PNG 吗？如果是这样，我如何将此蒙版应用于填充？创建第二个 PNG 没问题。我没有 PaintCode 也没有 SVG
在不透明的图像顶部绘制具有透明度的图像不会使底部图像透明。您需要复制 Alpha 通道。我将尝试在答案中详细说明。