mac osx 涂抹马赛克实现

macosx

发布日期: 2019-05-17

文章字数: 378

阅读时长: 1 分

阅读次数:

实现原理

参考 iOS手指涂抹位置变马赛克的实现实现 mac osx 版本

图片马赛克实现

借助CoreImage 库中的 CIFilter 滤镜，我们可以轻易实现图片的马赛克代码如下


NSImage * img1 = [NSImage imageNamed:@"1.png"];
CGImageSourceRef source = CGImageSourceCreateWithData((__bridge  CFDataRef)img1.TIFFRepresentation, nil);
CGImageRef inImage = CGImageSourceCreateImageAtIndex(source, 0, nil);
CIImage *ciImage  = [[CIImage alloc] initWithCGImage:inImage];
CIFilter *filter  = [CIFilter filterWithName:@"CIPixellate"];
[filter setDefaults];
[filter setValue:ciImage forKey:kCIInputImageKey];
[filter setValue:@(10.f) forKey:kCIInputScaleKey];
CIImage * outPutImg = [filter outputImage];
NSCIImageRep * rep = [NSCIImageRep imageRepWithCIImage:outPutImg];
NSImage *img2 = [[NSImage alloc] initWithSize:[outPutImg extent].size];
[img2 addRepresentation:rep];

CAShapeLayer

通过图层遮罩来实现根据Path 显示马赛克

//mac 使用layer 必须设置wantsLayer = YES，默认是NO
self.view.wantsLayer = YES;
//添加layer（imageLayer）到self上
self.imageLabyer = [CALayer layer];
self.imageLabyer.frame = self.view.bounds;
[self.view.layer addSublayer:self.imageLabyer];

self.shapeLayer = [CAShapeLayer layer];
self.shapeLayer.frame = self.view.bounds;
self.shapeLayer.lineCap = kCALineCapRound;
self.shapeLayer.lineJoin = kCALineJoinRound;
self.shapeLayer.lineWidth = 40.0f;
self.shapeLayer.strokeColor = [[NSColor blueColor] CGColor];
self.shapeLayer.fillColor = nil;
[self.view.layer addSublayer:self.shapeLayer];

//设置mask
self.imageLabyer.mask = self.shapeLayer;
self.path = CGPathCreateMutable();
//设置马赛克图片
self.imageLabyer.contents = img2;
//设置底图
self.view.layer.contents = img1;

鼠标响应处理

设置View 监听鼠标移动消息
[self.view addTrackingRect:self.view.bounds owner:self userData:nil assumeInside:YES];

处理鼠标移动消息


- (void)mouseDown:(NSEvent *)event
{
    CGPoint pt = event.locationInWindow;
    CGPathMoveToPoint(self.path, NULL, pt.x, pt.y);
    CGMutablePathRef path = CGPathCreateMutableCopy(self.path);
    self.shapeLayer.path = path;
    CGPathRelease(path);
    NSLog(@"mouseDown");
}

-(void)mouseUp:(NSEvent *)event
{
    NSLog(@"mouseUp");
}
-(void)mouseDragged:(NSEvent *)event
{
    CGPoint pt = event.locationInWindow;
    CGPathAddLineToPoint(self.path, NULL,pt.x, pt.y);
    CGMutablePathRef path = CGPathCreateMutableCopy(self.path);
    self.shapeLayer.path = path;
    CGPathRelease(path);
    NSLog(@"mouseDragged");
}