我试图理解 IOS 核心图形中的裁剪,但我无法弄清楚一些奇怪的行为。
我想做的是剪出一个小三角形。我从 UIView 制作了一个子视图,并覆盖了 draw(_ rect) 函数。
用这段代码我画了三角形:
let con = UIGraphicsGetCurrentContext()!
con.setFillColor(UIColor.red.cgColor)
con.move(to: CGPoint(x: rect.midX - 10, y: rect.maxY - 10))
con.addLine(to: CGPoint(x: rect.midX, y: rect.maxY - 20 ))
con.addLine(to: CGPoint(x: rect.midX + 10, y: rect.maxY - 10 ))
con.closePath()
之后我选取了路径周围的矩形并剪掉了三角形:
con.addRect(con.boundingBoxOfPath)
con.clip(using: .evenOdd)
现在,如果我尝试填充路径,则不会出现任何内容。 此外,如果我尝试将整个子视图矩形添加到当前路径并用红色填充它,我会期望除三角形之外的整个区域都是红色的,但结果是这样的:
我不能在其他地方画画!
有什么想法吗?
您代码中的错误是:
con.addRect(con.boundingBoxOfPath)
。矩形 boundingBoxOfPath
与此任务无关。如果您希望能够在视图中除三角形之外的任何位置进行绘制,则需要将完整视图矩形添加到剪切路径中。换句话说,将该行更改为:con.addRect(rect)
以下代码对我有用:
guard let ctx = UIGraphicsGetCurrentContext() else { return }
ctx.beginPath()
ctx.move(to: CGPoint(x: rect.midX - 10, y: rect.midY - 10))
ctx.addLine(to: CGPoint(x: rect.midX, y: rect.midY - 20 ))
ctx.addLine(to: CGPoint(x: rect.midX + 10, y: rect.midY - 10 ))
ctx.closePath()
ctx.addRect(rect)
ctx.clip(using: .evenOdd)
// Test filling the view (except triangle) with red:
ctx.setFillColor(UIColor.red.cgColor)
ctx.fill(rect)