SArrowItem.ts 3.4 KB

1234567891011121314151617181920212223242526272829303132333435363738394041424344454647484950515253545556575859606162636465666768697071727374757677787980818283848586878889909192
  1. /*
  2. * *********************************************************************************************************************
  3. *
  4. * !!
  5. * .F88X
  6. * X8888Y
  7. * .}888888N;
  8. * i888888N; .:! .I$WI:
  9. * R888888I .'N88~ i8}+8Y&8"l8i$8>8W~'>W8}8]KW+8IIN"8&
  10. * .R888888I .;N8888~ .X8' "8I.!,/8" !%NY8`"8I8~~8>,88I
  11. * +888888N; .8888888Y "&&8Y.}8,
  12. * ./888888N; .R888888Y .'}~ .>}'.`+> i}! "i' +/' .'i~ !11,.:">, .~]! .i}i
  13. * ~888888%: .I888888l .]88~`1/iY88Ii+1'.R$8$8]"888888888> Y8$ W8E X8E W8888'188Il}Y88$*
  14. * 18888888 E8888881 .]W%8$`R8X'&8%++N8i,8N%N8+l8%` .}8N:.R$RE%N88N%N$K$R 188,FE$8%~Y88I
  15. * .E888888I .i8888888' .:$8I;88+`E8R:/8N,.>881.`$8E/1/]N8X.Y8N`"KF&&FK!'88*."88K./$88%RN888+~
  16. * 8888888I .,N888888~ ~88i"8W,!N8*.I88.}888%F,i$88"F88" 888:E8X.>88!i88>`888*.}Fl1]*}1YKi'
  17. * i888888N' I888Y ]88;/EX*IFKFK88X K8R .l8W 88Y ~88}'88E&%8W.X8N``]88!.$8K .:W8I
  18. * .i888888N; I8Y .&8$ .X88! i881.:%888>I88 ;88] +88+.';;;;:.Y88X 18N.,88l .+88/
  19. * .:R888888I
  20. * .&888888I Copyright (c) 2009-2020. 博锐尚格科技股份有限公司
  21. * ~8888'
  22. * .!88~ All rights reserved.
  23. *
  24. * *********************************************************************************************************************
  25. */
  26. import { SPainter, SArrowStyleType } from "@persagy-web/draw";
  27. import { SPolylineItem } from "..";
  28. import { SLineStyle } from "@persagy-web/graph";
  29. /**
  30. * 折线箭头 item
  31. *
  32. * @author 郝建龙 <haojianlong@sagacloud.cn>
  33. */
  34. export class SArrowItem extends SPolylineItem {
  35. /** 起始点样式 */
  36. _begin = SArrowStyleType.None;
  37. get begin(): SArrowStyleType {
  38. return this._begin;
  39. }
  40. set begin(v: SArrowStyleType) {
  41. this._begin = v;
  42. this.update();
  43. }
  44. /** 结束点样式 */
  45. _end = SArrowStyleType.None;
  46. get end(): SArrowStyleType {
  47. return this._end;
  48. }
  49. set end(v: SArrowStyleType) {
  50. this._end = v;
  51. this.update();
  52. }
  53. /**
  54. * 绘制基本图形
  55. *
  56. * @param painter 绘制对象
  57. */
  58. drawBaseLine(painter: SPainter): void {
  59. // 绘制基本图形,线样式是虚线时
  60. if (this.lineStyle == SLineStyle.Dashed) {
  61. painter.pen.lineDash = [
  62. painter.toPx(this.lineWidth * 3),
  63. painter.toPx(this.lineWidth * 7)
  64. ];
  65. } else if (this.lineStyle == SLineStyle.Dotted) {
  66. // 绘制基本图形,线样式是点线时
  67. painter.pen.lineDash = [
  68. painter.toPx(this.lineWidth),
  69. painter.toPx(this.lineWidth)
  70. ];
  71. }
  72. painter.pen.color = this.strokeColor;
  73. painter.drawArrowLine(this.pointList[0], this.pointList[1], {
  74. begin: this.begin,
  75. end: SArrowStyleType.None
  76. });
  77. painter.drawArrowLine(
  78. this.pointList[this.pointList.length - 2],
  79. this.pointList[this.pointList.length - 1],
  80. {
  81. begin: SArrowStyleType.None,
  82. end: this.end
  83. }
  84. );
  85. painter.drawPolyline(this.pointList);
  86. }
  87. }