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

最新推荐文章于 2021-11-27 17:42:28 发布

原创最新推荐文章于 2021-11-27 17:42:28 发布 · 4.6k 阅读

1 ·

CC 4.0 BY-SA版权

文章标签：

#图片 #iOS #箭头

iOS 专栏收录该内容

121 篇文章

订阅专栏

该博客介绍了如何在iOS应用中扩展上一节的内容，即在图片上画线段，并在线段末端添加箭头。作者提供了代码示例和下载链接，以便读者实践操作。此外，还分享了苹果开发交流群的信息，鼓励开发者们共同学习。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

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

上节地址：http://blog.youkuaiyun.com/lwjok2007/article/details/50865598

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

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

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

        //添加剪头
        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);

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