@turbox3d/graphic-component-pixi/lib/radius-dimension/index.js

Graphic component library based on pixi

"use strict";

var _interopRequireDefault = require("@babel/runtime/helpers/interopRequireDefault");
var _typeof = require("@babel/runtime/helpers/typeof");
Object.defineProperty(exports, "__esModule", {
  value: true
});
exports["default"] = void 0;
var _classCallCheck2 = _interopRequireDefault(require("@babel/runtime/helpers/classCallCheck"));
var _createClass2 = _interopRequireDefault(require("@babel/runtime/helpers/createClass"));
var _possibleConstructorReturn2 = _interopRequireDefault(require("@babel/runtime/helpers/possibleConstructorReturn"));
var _getPrototypeOf2 = _interopRequireDefault(require("@babel/runtime/helpers/getPrototypeOf"));
var _inherits2 = _interopRequireDefault(require("@babel/runtime/helpers/inherits"));
var _rendererPixi = require("@turbox3d/renderer-pixi");
var PIXI = _interopRequireWildcard(require("pixi.js"));
var _utils = require("../_utils/utils");
function _interopRequireWildcard(e, t) { if ("function" == typeof WeakMap) var r = new WeakMap(), n = new WeakMap(); return (_interopRequireWildcard = function _interopRequireWildcard(e, t) { if (!t && e && e.__esModule) return e; var o, i, f = { __proto__: null, "default": e }; if (null === e || "object" != _typeof(e) && "function" != typeof e) return f; if (o = t ? n : r) { if (o.has(e)) return o.get(e); o.set(e, f); } for (var _t in e) "default" !== _t && {}.hasOwnProperty.call(e, _t) && ((i = (o = Object.defineProperty) && Object.getOwnPropertyDescriptor(e, _t)) && (i.get || i.set) ? o(f, _t, i) : f[_t] = e[_t]); return f; })(e, t); }
function _callSuper(t, o, e) { return o = (0, _getPrototypeOf2["default"])(o), (0, _possibleConstructorReturn2["default"])(t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], (0, _getPrototypeOf2["default"])(t).constructor) : o.apply(t, e)); }
function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
/**
 * @description: 半径尺寸线
 */
var RadiusDimension = exports["default"] = /*#__PURE__*/function (_Mesh2D) {
  function RadiusDimension() {
    var _this;
    (0, _classCallCheck2["default"])(this, RadiusDimension);
    _this = _callSuper(this, RadiusDimension, arguments);
    _this.view = new PIXI.Graphics();
    return _this;
  }
  (0, _inherits2["default"])(RadiusDimension, _Mesh2D);
  return (0, _createClass2["default"])(RadiusDimension, [{
    key: "draw",
    value: function draw() {
      var _a, _b, _c, _d, _e;
      var graphics = this.view;
      graphics.clear();
      graphics.lineStyle(2, 0x131313);
      graphics.line["native"] = true;
      var textSize = this.props.textSize;
      var dir = {
        x: Math.cos(this.props.angle),
        y: Math.sin(this.props.angle)
      };
      var startP = {
        x: this.props.center.x + this.props.startP * dir.x,
        y: this.props.center.y + this.props.startP * dir.y
      };
      graphics.moveTo(startP.x, startP.y);
      graphics.lineTo(this.props.center.x + (this.props.startP + this.props.length) * dir.x, this.props.center.y + (this.props.startP + this.props.length) * dir.y);
      // 先沿径向偏移，然后再沿切线方向偏移
      var textOffsetDir = {
        x: -dir.y,
        y: dir.x
      };
      // 径向偏移
      var a = {
        x: 2 * textSize * dir.x,
        y: 2 * textSize * dir.y
      };
      // 切向偏移
      var b = {
        x: 0.8 * textSize * textOffsetDir.x,
        y: 0.8 * textSize * textOffsetDir.y
      };
      (0, _utils.drawText)(graphics, this.props.radius, {
        offset: {
          x: startP.x + a.x + b.x,
          y: startP.y + a.y + b.y
        },
        size: textSize,
        rotation: this.props.angle
      });
      this.view.rotation = (_a = this.props.rotation) !== null && _a !== void 0 ? _a : 0;
      this.view.scale.set((_c = (_b = this.props.scale) === null || _b === void 0 ? void 0 : _b.x) !== null && _c !== void 0 ? _c : 1, (_e = (_d = this.props.scale) === null || _d === void 0 ? void 0 : _d.y) !== null && _e !== void 0 ? _e : 1);
    }
  }]);
}(_rendererPixi.Mesh2D);