如何使用CoreGraphics绘制逐渐改变边缘的线？

Question

我想像Brush一样完成一个功能。手指滑动变为trasparent并逐渐改变边界的区域。

我现在只能使用以下代码将颜色更改为水晶般清晰：

reloadaftersubmit

}

如何逐渐改变边缘？提前谢谢。

Answer 1

您可以通过在用户传递的每个位置以kCGBlendModeDestinationIn模式绘制带变量alpha的径向渐变来实现此效果。

此混合模式具有仅将图层的alpha应用于下面的图层的效果。使用渐变的变量alpha，我们可以实现这种效果。

const CGFloat kBrushSize = 10.f;

CGContextSaveGState(context);

// Make a radial gradient that goes from transparent black on the inside
// to opaque back on the outside.
size_t num_locations = 2;
CGFloat locations[2] = { 0.0, 1.0 };
CGFloat components[8] = { 1.0, 1.0, 1.0, 0.0,
                          1.0, 1.0, 1.0, 1.0 };

CGColorSpaceRef myColorspace = CGColorSpaceCreateWithName(kCGColorSpaceGenericRGB);
CGGradientRef myGradient = CGGradientCreateWithColorComponents (myColorspace, components,
                                                                locations, num_locations);
CGColorSpaceRelease(myColorspace);

// Draw the gradient at the point using kCGBlendModeDestinationIn
// This mode only applies the new layer's alpha to the lower layer.
CGContextSetBlendMode(context, kCGBlendModeDestinationIn);
CGContextDrawRadialGradient(context, myGradient, p, 0.f, p, (kBrushSize / scale) + 1, kCGGradientDrawsAfterEndLocation);

CGGradientRelease(myGradient);

CGContextRestoreGState(context);

以下是此代码的屏幕截图：

注意：使用此技术，如果用户非常快地移动他/她的手指，您可能会看到间距效果，其中可以看到离散的刷子点。这是某些图形软件的一个功能，但如果这对您不利，您可以添加代码来插值当前和最后一点之间的点以绘制更多画笔点，从而创建更连续的笔画。

此外，您应该能够调整渐变色停止以实现您喜欢的任何类型的画笔柔和度。

来源：https://developer.apple.com/library/mac/documentation/GraphicsImaging/Conceptual/drawingwithquartz2d/dq_shadings/dq_shadings.html