canvas绘制虚线,虚线方框,虚线圆

Posted

tags:

篇首语:本文由小常识网(cha138.com)小编为大家整理,主要介绍了canvas绘制虚线,虚线方框,虚线圆相关的知识,希望对你有一定的参考价值。

参考技术A canvas没有提供绘制虚线的api,我们可以通过moveTo,和lineTo来实现绘制虚线的需求。
思路是将一整条虚线分成若干个小线段,遍历这些小线段,单数线段通过lineTo绘制,双数线段使用moveTo跳过
具体实现方法如下

在线示例

有了绘制虚线的方发,我们便可以轻易的绘制出虚线方框

我们知道arc方法不止可以绘制圆,还可以绘制圆弧,所以我们可以绘制多个小圆弧,组成一个虚线圆

在线示例

以上是关于canvas绘制虚线,虚线方框,虚线圆的主要内容,如果未能解决你的问题,请参考以下文章

在没有Canvas的QML中绘制虚线圆圈

canvas绘制箭头路径效果

canvas学习总结三:绘制虚线

canvas 虚线横线 实线横线

无法在画布上绘制垂直虚线

Android_(控件)使用自定义控件在屏幕中绘制一条虚线