SGraphCircleItem.ts 5.1 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990919293949596979899100101102103104105106107108109110111112113114115116117118119120121122123124125126127128129130131132133134135136137138139140141142143144145146147148149150151
  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 { SGraphItem } from "../SGraphItem";
  27. import { SPainter, SRect } from "@persagy-web/draw";
  28. import { SLineStyle } from "..";
  29. import { SPoint } from "@persagy-web/draw/lib";
  30. import { SGraphStyleItem } from "./SGraphStyleItem";
  31. /**
  32. * 圆 item
  33. *
  34. * @author 郝建龙 <haojianlong@sagacloud.cn>
  35. */
  36. export class SGraphCircleItem extends SGraphStyleItem {
  37. /** 矩形两个对角 */
  38. private _line: SPoint[] = [];
  39. get line(): SPoint[] {
  40. return this._line;
  41. } // Get line
  42. set line(arr: SPoint[]) {
  43. this._line = arr;
  44. this.update();
  45. } // Set line
  46. /** 矩形左上角 */
  47. private _leftTop: SPoint = new SPoint();
  48. /** 矩形右下角 */
  49. private _rightBottom: SPoint = new SPoint();
  50. /**
  51. * 构造函数
  52. *
  53. * @param parent 指向父对象
  54. * @param data 矩形数据
  55. */
  56. constructor(parent: SGraphItem | null, data: SPoint[]) {
  57. super(parent);
  58. // this.data = data;
  59. if (data.length) {
  60. this.line = data;
  61. this.calRect();
  62. }
  63. } // Constructor
  64. /**
  65. * 计算矩形的左上角和右下角
  66. */
  67. private calRect(): void {
  68. // 存在2个点
  69. if (this.line.length > 1) {
  70. const fi = this.line[0];
  71. const se = this.line[1];
  72. let minx, maxx, miny, maxy;
  73. if (fi.x < se.x) {
  74. minx = fi.x;
  75. maxx = se.x;
  76. } else {
  77. minx = se.x;
  78. maxx = fi.x;
  79. }
  80. if (fi.y < se.y) {
  81. miny = fi.y;
  82. maxy = se.y;
  83. } else {
  84. miny = se.y;
  85. maxy = fi.y;
  86. }
  87. this._leftTop = new SPoint(minx, miny);
  88. this._rightBottom = new SPoint(maxx, maxy);
  89. }
  90. } // Function calRect()
  91. /**
  92. * Item 对象边界区域
  93. *
  94. * @return SRect 外接矩阵
  95. */
  96. boundingRect(): SRect {
  97. // 存在2个点
  98. if (this.line.length > 1) {
  99. this.calRect();
  100. return new SRect(this._leftTop, this._rightBottom);
  101. }
  102. return new SRect();
  103. } // Function boundingRect()
  104. /**
  105. * Item 绘制操作
  106. *
  107. * @param painter 绘制对象
  108. */
  109. onDraw(painter: SPainter): void {
  110. // 数据中有2个点
  111. if (this.line.length == 2) {
  112. painter.pen.color = this.strokeColor;
  113. painter.brush.color = this.fillColor;
  114. // 线宽是否需要转像素
  115. if (this.widthIsPx) {
  116. painter.pen.lineWidth = painter.toPx(this.lineWidth);
  117. } else {
  118. painter.pen.lineWidth = this.lineWidth;
  119. }
  120. // 虚线
  121. if (this.lineStyle == SLineStyle.Dashed) {
  122. painter.pen.lineDash = [
  123. painter.toPx(this.lineWidth * 3),
  124. painter.toPx(this.lineWidth * 7)
  125. ];
  126. } else if (this.lineStyle == SLineStyle.Dotted) {
  127. // 点线样式
  128. painter.pen.lineDash = [
  129. painter.toPx(this.lineWidth * 2),
  130. painter.toPx(this.lineWidth * 2)
  131. ];
  132. }
  133. painter.drawEllipse(
  134. (this._leftTop.x + this._rightBottom.x) / 2,
  135. (this._leftTop.y + this._rightBottom.y) / 2,
  136. (this._rightBottom.x - this._leftTop.x) / 2,
  137. (this._rightBottom.y - this._leftTop.y) / 2
  138. );
  139. }
  140. } // Function onDraw()
  141. }