Forráskód Böngészése

折线带箭头的item

haojianlong 4 éve
szülő
commit
00bb0c5914

+ 5 - 1
persagy-web-big/src/index.ts

@@ -41,6 +41,8 @@ import { SItemStatus } from "./enums/SItemStatus";
 import { SPolygonItem } from "./items/SPolygonItem";
 import { SRectSelectItem } from "./items/SRectSelectItem";
 import { SBoardItem } from "./items/floor/SBoardItem";
+import { SArrowItem } from "./items/SArrowItem";
+import { SArrowPoly } from "./items/SArrowPoly";
 
 export {
     SLayerItem,
@@ -59,5 +61,7 @@ export {
     SItemStatus,
     SPolygonItem,
     SRectSelectItem,
-    SBoardItem
+    SBoardItem,
+    SArrowItem,
+    SArrowPoly
 };

+ 89 - 0
persagy-web-big/src/items/SArrowItem.ts

@@ -0,0 +1,89 @@
+/*
+ * *********************************************************************************************************************
+ *
+ *          !!
+ *        .F88X
+ *        X8888Y
+ *      .}888888N;
+ *        i888888N;        .:!              .I$WI:
+ *          R888888I      .'N88~            i8}+8Y&8"l8i$8>8W~'>W8}8]KW+8IIN"8&
+ *          .R888888I    .;N8888~          .X8'  "8I.!,/8"  !%NY8`"8I8~~8>,88I
+ *            +888888N;  .8888888Y                                  "&&8Y.}8,
+ *            ./888888N;  .R888888Y        .'}~    .>}'.`+>  i}!    "i'  +/'  .'i~  !11,.:">,  .~]!  .i}i
+ *              ~888888%:  .I888888l      .]88~`1/iY88Ii+1'.R$8$8]"888888888>  Y8$  W8E  X8E  W8888'188Il}Y88$*
+ *              18888888    E8888881    .]W%8$`R8X'&8%++N8i,8N%N8+l8%`  .}8N:.R$RE%N88N%N$K$R  188,FE$8%~Y88I
+ *            .E888888I  .i8888888'      .:$8I;88+`E8R:/8N,.>881.`$8E/1/]N8X.Y8N`"KF&&FK!'88*."88K./$88%RN888+~
+ *            8888888I  .,N888888~        ~88i"8W,!N8*.I88.}888%F,i$88"F88"  888:E8X.>88!i88>`888*.}Fl1]*}1YKi'
+ *          i888888N'      I888Y          ]88;/EX*IFKFK88X  K8R  .l8W  88Y  ~88}'88E&%8W.X8N``]88!.$8K  .:W8I
+ *        .i888888N;        I8Y          .&8$  .X88!  i881.:%888>I88  ;88]  +88+.';;;;:.Y88X  18N.,88l  .+88/
+ *      .:R888888I
+ *      .&888888I                                          Copyright (c) 2009-2020.  博锐尚格科技股份有限公司
+ *        ~8888'
+ *        .!88~                                                                     All rights reserved.
+ *
+ * *********************************************************************************************************************
+ */
+
+import { SPainter, SArrowStyleType } from "@persagy-web/draw";
+import { SPolylineItem } from "..";
+import { SLineStyle } from "@persagy-web/graph";
+
+/**
+ * 折线 箭头item
+ *
+ * @author 郝建龙
+ * */
+export class SArrowItem extends SPolylineItem {
+    /** 起始点样式 */
+    _begin = SArrowStyleType.None;
+    get begin(): SArrowStyleType {
+        return this._begin;
+    }
+    set begin(v: SArrowStyleType) {
+        this._begin = v;
+        this.update();
+    }
+    /** 结束点样式 */
+    _end = SArrowStyleType.None;
+    get end(): SArrowStyleType {
+        return this._end;
+    }
+    set end(v: SArrowStyleType) {
+        this._end = v;
+        this.update();
+    }
+
+    /**
+     * 绘制基本图形
+     *
+     * @param   painter painter对象
+     * */
+    drawBaseLine(painter: SPainter): void {
+        // 绘制基本图形
+        if (this.lineStyle == SLineStyle.Dashed) {
+            painter.pen.lineDash = [
+                painter.toPx(this.lineWidth * 3),
+                painter.toPx(this.lineWidth * 7)
+            ];
+        } else if (this.lineStyle == SLineStyle.Dotted) {
+            painter.pen.lineDash = [
+                painter.toPx(this.lineWidth),
+                painter.toPx(this.lineWidth)
+            ];
+        }
+        painter.pen.color = this.strokeColor;
+        painter.drawArrowLine(this.pointList[0], this.pointList[1], {
+            begin: this.begin,
+            end: SArrowStyleType.None
+        });
+        painter.drawArrowLine(
+            this.pointList[this.pointList.length - 2],
+            this.pointList[this.pointList.length - 1],
+            {
+                begin: SArrowStyleType.None,
+                end: this.end
+            }
+        );
+        painter.drawPolyline(this.pointList);
+    } // Function drawBaseLine()
+}

+ 35 - 0
persagy-web-big/src/items/SArrowPoly.ts

@@ -0,0 +1,35 @@
+/*
+ * *********************************************************************************************************************
+ *
+ *          !!
+ *        .F88X
+ *        X8888Y
+ *      .}888888N;
+ *        i888888N;        .:!              .I$WI:
+ *          R888888I      .'N88~            i8}+8Y&8"l8i$8>8W~'>W8}8]KW+8IIN"8&
+ *          .R888888I    .;N8888~          .X8'  "8I.!,/8"  !%NY8`"8I8~~8>,88I
+ *            +888888N;  .8888888Y                                  "&&8Y.}8,
+ *            ./888888N;  .R888888Y        .'}~    .>}'.`+>  i}!    "i'  +/'  .'i~  !11,.:">,  .~]!  .i}i
+ *              ~888888%:  .I888888l      .]88~`1/iY88Ii+1'.R$8$8]"888888888>  Y8$  W8E  X8E  W8888'188Il}Y88$*
+ *              18888888    E8888881    .]W%8$`R8X'&8%++N8i,8N%N8+l8%`  .}8N:.R$RE%N88N%N$K$R  188,FE$8%~Y88I
+ *            .E888888I  .i8888888'      .:$8I;88+`E8R:/8N,.>881.`$8E/1/]N8X.Y8N`"KF&&FK!'88*."88K./$88%RN888+~
+ *            8888888I  .,N888888~        ~88i"8W,!N8*.I88.}888%F,i$88"F88"  888:E8X.>88!i88>`888*.}Fl1]*}1YKi'
+ *          i888888N'      I888Y          ]88;/EX*IFKFK88X  K8R  .l8W  88Y  ~88}'88E&%8W.X8N``]88!.$8K  .:W8I
+ *        .i888888N;        I8Y          .&8$  .X88!  i881.:%888>I88  ;88]  +88+.';;;;:.Y88X  18N.,88l  .+88/
+ *      .:R888888I
+ *      .&888888I                                          Copyright (c) 2009-2020.  博锐尚格科技股份有限公司
+ *        ~8888'
+ *        .!88~                                                                     All rights reserved.
+ *
+ * *********************************************************************************************************************
+ */
+
+import { SGraphItem } from "@persagy-web/graph";
+
+/**
+ * 箭头多边形类型
+ *
+ * @author  郝建龙
+ * */
+
+export class SArrowPoly extends SGraphItem {} // Class SArrowPoly

+ 3 - 3
persagy-web-big/src/items/SPolylineItem.ts

@@ -64,7 +64,7 @@ export class SPolylineItem extends SGraphItem {
         this.update();
     } // Set status
     /** 鼠标移动时的点 */
-    private lastPoint: SPoint | null = null;
+    protected lastPoint: SPoint | null = null;
     /** 线条颜色 */
     _strokeColor: SColor = SColor.Black;
     get strokeColor(): SColor {
@@ -104,9 +104,9 @@ export class SPolylineItem extends SGraphItem {
     /** 全局灵敏度 */
     dis: number = 10;
     /** 灵敏度转换为场景长度 */
-    private sceneDis: number = 10;
+    protected sceneDis: number = 10;
     /** 当前点索引 */
-    private curIndex: number = -1;
+    protected curIndex: number = -1;
     /** 当前点 */
     private curPoint: SPoint | null = null;
     /** undo/redo堆栈 */

+ 1 - 1
persagy-web-graph/src/SGraphItem.ts

@@ -724,7 +724,7 @@ export class SGraphItem extends SObject {
 
         const mp = new SPoint(x, y).matrixTransform(m);
         return new SPoint(mp.x, mp.y);
-    }
+    } // Function toParentChange()
 
     /**
      * 判断是否处理事件