如何绘制如下图?我在照片编辑工具中创建了这个。但不能用 iOS 真正做到这一点。
- 椭圆
- “软角”,在某种程度上它就像一个辐射渐变,只是它不是圆形的。
https://stackoverflow.com/a/12665177/129202引导我朝着一个好的方向前进,但仿射变换的效果确实不是 100%。
使用的代码:
+(UIImage*)createGradientOval2:(const CGSize)SIZECONTEXT {
const CGFloat SCALE = 2.0f;
UIGraphicsBeginImageContextWithOptions(SIZECONTEXT, NO, SCALE);
CGContextRef ctx = UIGraphicsGetCurrentContext();
// Create gradient
CGColorSpaceRef baseSpace = CGColorSpaceCreateDeviceRGB();
const CGFloat colors [] = {
0.0, 1.0, 0.0, 1.00, // green
0.0, 1.0, 0.0, 1.00, // green
0.0, 1.0, 0.0, 1.00, // green
0.0, 1.0, 0.0, 1.00, // green
0.0, 1.0, 0.0, 1.00, // green
0.0, 1.0, 0.0, 1.00, // green
0.0, 1.0, 0.0, 1.00, // green
0.0, 1.0, 0.0, 1.00, // green
0.0, 1.0, 0.0, 1.00, // green
0.0, 1.0, 0.0, 0.00, // transparent
};
//CGGradientRef gradient = CGGradientCreateWithColors(baseSpace, (CFArrayRef)colors, locations);
CGGradientRef gradient = CGGradientCreateWithColorComponents(baseSpace, colors, NULL, 10);
CGColorSpaceRelease(baseSpace), baseSpace = NULL;
// Scaling transformation and keeping track of the inverse
CGAffineTransform scaleT = CGAffineTransformMakeScale(1, 2.0);
CGAffineTransform invScaleT = CGAffineTransformInvert(scaleT);
// Extract the Sx and Sy elements from the inverse matrix
// (See the Quartz documentation for the math behind the matrices)
CGPoint invS = CGPointMake(invScaleT.a, invScaleT.d);
const CGRect RECT = CGRectMake(0, 0, SIZECONTEXT.width / 2, SIZECONTEXT.height / 2);
// Transform center and radius of gradient with the inverse
CGPoint center = CGPointMake((RECT.size.width / 2) * invS.x, (RECT.size.height / 2) * invS.y);
CGFloat radius = (RECT.size.width / 2) * invS.x;
// Draw the gradient with the scale transform on the context
CGContextScaleCTM(ctx, scaleT.a, scaleT.d);
CGContextDrawRadialGradient(ctx, gradient, center, 0, center, radius, kCGGradientDrawsBeforeStartLocation);
// Reset the context
CGContextScaleCTM(ctx, invS.x, invS.y);
// Continue to draw whatever else ...
// Clean up the memory used by Quartz
CGGradientRelease(gradient);
return UIGraphicsGetImageFromCurrentImageContext();
}