iOS 图片编辑——涂鸦——带剪头的线条

上节我们讲了 给图片上画线段

上节地址:http://blog.csdn.net/lwjok2007/article/details/50865598

这节我们在上节的基础上稍微拓展一下,给线段末尾加上一个箭头

我们接着上节代码 下载地址见上节末尾

给DrawLine 类中添的方法 drawRect 中添加一段代码

iOS 图片编辑——涂鸦——带剪头的线条_第1张图片

        //添加剪头
        double r = sqrt((line.end.x-line.begin.x)*(line.end.x-line.begin.x)+(line.begin.y-line.end.y)*(line.begin.y-line.end.y));//线条长度
        CGContextMoveToPoint(cgt,line.end.x,line.end.y);
        //P1
        CGContextAddLineToPoint(cgt,line.end.x-(10*(line.begin.y-line.end.y)/r),line.end.y-(10*(line.end.x-line.begin.x)/r));
        //P3
        CGContextAddLineToPoint(cgt,line.end.x+(20*(line.end.x-line.begin.x)/r), line.end.y-(20*(line.begin.y-line.end.y)/r));
        //P2
        CGContextAddLineToPoint(cgt,line.end.x+(10*(line.begin.y-line.end.y)/r),line.end.y+(10*(line.end.x-line.begin.x)/r));
        
        CGContextAddLineToPoint(cgt, line.end.x,line.end.y);
        CGContextDrawPath(cgt,kCGPathFillStroke);
        CGContextStrokePath(cgt);

以上方法的思路 就是在线段画完之后 确定三个点 画一个三角形作为箭头形状

iOS 图片编辑——涂鸦——带剪头的线条_第2张图片



好了 基本思路就是这样 源代码会上传到群空间


大家有兴趣可以去下载

demo:【60314画线段带箭头AddLine.zip】

苹果开发群 :414319235  欢迎加入,共同学习



你可能感兴趣的:(ios,图片,箭头)