|
@@ -18,17 +18,13 @@
|
|
|
|
|
|
1.将canvas坐标转换为数学坐标系坐标,将纵坐标取反即可;
|
|
|
|
|
|
-2.将坐标系平移至线段起点;
|
|
|
+2.将坐标系平移至线段终点;
|
|
|
|
|
|
3.计算出线段与x轴夹角,并将坐标系旋转至x轴与线段重合;
|
|
|
|
|
|
-4.将坐标系平移至终点;
|
|
|
+4.设定箭头夹角为θ=π/3,末端三角形边长d=5,则箭头上下端与x轴夹角为π/6,根据此角度与边长计算上下端坐标;
|
|
|
|
|
|
-5.设定箭头夹角为θ=90°,末端三角形边长d=6,则箭头上端与x轴夹角为π-θ/2,箭头下端与x轴夹角为π+θ/2,根据此角度与边长计算上下端坐标;
|
|
|
-
|
|
|
-6.将计算出的坐标依次转换为数学坐标系坐标和canvas坐标系坐标;
|
|
|
-
|
|
|
-7.根据终点坐标,以及以上计算出的坐标即可绘制三角形末端;
|
|
|
+5.直接绘制原点与上下端连线即可
|
|
|
|
|
|
### 三角形
|
|
|
|