arrow.md 1.3 KB

绘图指令-绘制带有末端样式的线段

函数入参

类型

不绘制任意箭头

标准箭头

绘制如下类型箭头

标准箭头

画法描述

1.将canvas坐标转换为数学坐标系坐标,将纵坐标取反即可;

2.将坐标系平移至线段起点;

3.计算出线段与x轴夹角,并将坐标系旋转至x轴与线段重合;

4.将坐标系平移至终点;

5.设定箭头夹角为θ=90°,末端三角形边长d=6,则箭头上端与x轴夹角为π-θ/2,箭头下端与x轴夹角为π+θ/2,根据此角度与边长计算上下端坐标;

6.将计算出的坐标依次转换为数学坐标系坐标和canvas坐标系坐标;

7.根据终点坐标,以及以上计算出的坐标即可绘制三角形末端;

三角形

绘制如下类型箭头,通过画笔颜色和画刷颜色控制笔触颜色和填充颜色

三角形箭头

绘制如下类型箭头,通过画笔颜色和画刷颜色控制笔触颜色和填充颜色

圆形箭头

菱形

绘制如下类型箭头,通过画笔颜色和画刷颜色控制笔触颜色和填充颜色

菱形箭头

方形

绘制如下类型箭头,通过画笔颜色和画刷颜色控制笔触颜色和填充颜色

方形箭头