|
@@ -1,3 +1,51 @@
|
|
|
-# 线末端箭头绘制
|
|
|
+# 绘图指令-绘制带有末端样式的线段
|
|
|
|
|
|
+## 函数入参
|
|
|
|
|
|
+## 类型
|
|
|
+
|
|
|
+### 无
|
|
|
+
|
|
|
+不绘制任意箭头
|
|
|
+
|
|
|
+### 标准箭头
|
|
|
+
|
|
|
+绘制如下类型箭头
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+#### 画法描述
|
|
|
+
|
|
|
+1.将canvas坐标转换为数学坐标系坐标,将纵坐标取反即可;
|
|
|
+
|
|
|
+2.将坐标系平移至线段终点;
|
|
|
+
|
|
|
+3.计算出线段与x轴夹角,并将坐标系旋转至x轴与线段重合;
|
|
|
+
|
|
|
+4.设定箭头夹角为θ=π/3,末端三角形边长d=5,则箭头上下端与x轴夹角为π/6,根据此角度与边长计算上下端坐标;
|
|
|
+
|
|
|
+5.直接绘制原点与上下端连线即可
|
|
|
+
|
|
|
+### 三角形
|
|
|
+
|
|
|
+绘制如下类型箭头,通过画笔颜色和画刷颜色控制笔触颜色和填充颜色
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+### 圆
|
|
|
+
|
|
|
+绘制如下类型箭头,通过画笔颜色和画刷颜色控制笔触颜色和填充颜色
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+### 菱形
|
|
|
+
|
|
|
+绘制如下类型箭头,通过画笔颜色和画刷颜色控制笔触颜色和填充颜色
|
|
|
+
|
|
|
+
|
|
|
+
|
|
|
+### 方形
|
|
|
+
|
|
|
+绘制如下类型箭头,通过画笔颜色和画刷颜色控制笔触颜色和填充颜色
|
|
|
+
|
|
|
+
|