var Line = require("./Line"); var vectorUtil = require("../../utils/vector_util"); var curveUtil = require("../../utils/curve_util"); var dataUtil = require("../../utils/data_structure_util"); function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") { _typeof = function _typeof(obj) { return typeof obj; }; } else { _typeof = function _typeof(obj) { return obj && typeof Symbol === "function" && obj.constructor === Symbol && obj !== Symbol.prototype ? "symbol" : typeof obj; }; } return _typeof(obj); } function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _nonIterableSpread(); } function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance"); } function _iterableToArray(iter) { if (Symbol.iterator in Object(iter) || Object.prototype.toString.call(iter) === "[object Arguments]") return Array.from(iter); } function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) { for (var i = 0, arr2 = new Array(arr.length); i < arr.length; i++) { arr2[i] = arr[i]; } return arr2; } } function _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } } function _defineProperties(target, props) { for (var i = 0; i < props.length; i++) { var descriptor = props[i]; descriptor.enumerable = descriptor.enumerable || false; descriptor.configurable = true; if ("value" in descriptor) descriptor.writable = true; Object.defineProperty(target, descriptor.key, descriptor); } } function _createClass(Constructor, protoProps, staticProps) { if (protoProps) _defineProperties(Constructor.prototype, protoProps); if (staticProps) _defineProperties(Constructor, staticProps); return Constructor; } function _possibleConstructorReturn(self, call) { if (call && (_typeof(call) === "object" || typeof call === "function")) { return call; } return _assertThisInitialized(self); } function _assertThisInitialized(self) { if (self === void 0) { throw new ReferenceError("this hasn't been initialised - super() hasn't been called"); } return self; } function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); } function _inherits(subClass, superClass) { if (typeof superClass !== "function" && superClass !== null) { throw new TypeError("Super expression must either be null or a function"); } subClass.prototype = Object.create(superClass && superClass.prototype, { constructor: { value: subClass, writable: true, configurable: true } }); if (superClass) _setPrototypeOf(subClass, superClass); } function _setPrototypeOf(o, p) { _setPrototypeOf = Object.setPrototypeOf || function _setPrototypeOf(o, p) { o.__proto__ = p; return o; }; return _setPrototypeOf(o, p); } /** * @class qrenderer.graphic.line.BezierCurve * BezierCurve. * * * 贝塞尔曲线。 * @docauthor 大漠穷秋 <damoqiongqiu@126.com> */ var out = []; function someVectorAt(shape, t, isTangent) { var cpx2 = shape.cpx2; var cpy2 = shape.cpy2; if (cpx2 === null || cpy2 === null) { return [(isTangent ? curveUtil.cubicDerivativeAt : curveUtil.cubicAt)(shape.x1, shape.cpx1, shape.cpx2, shape.x2, t), (isTangent ? curveUtil.cubicDerivativeAt : curveUtil.cubicAt)(shape.y1, shape.cpy1, shape.cpy2, shape.y2, t)]; } else { return [(isTangent ? curveUtil.quadraticDerivativeAt : curveUtil.quadraticAt)(shape.x1, shape.cpx1, shape.x2, t), (isTangent ? curveUtil.quadraticDerivativeAt : curveUtil.quadraticAt)(shape.y1, shape.cpy1, shape.y2, t)]; } } var BezierCurve = /*#__PURE__*/ function (_Line) { _inherits(BezierCurve, _Line); /** * @method constructor BezierCurve * @param {Object} options */ function BezierCurve(options) { var _this; _classCallCheck(this, BezierCurve); _this = _possibleConstructorReturn(this, _getPrototypeOf(BezierCurve).call(this, dataUtil.merge({ shape: { x1: 0, y1: 0, x2: 0, y2: 0, cpx1: 0, cpy1: 0, percent: 1 }, style: { stroke: '#000', fill: null } }, options, true))); /** * @property {String} type */ _this.type = 'bezier-curve'; return _this; } /** * @method buildPath * Build the path of current line, the data structure is like the path attribute in SVG. * * * 构建当前线条的路径,数据结构类似 SVG 中的 path 属性。 * @param {Object} ctx * @param {String} shape */ _createClass(BezierCurve, [{ key: "buildPath", value: function buildPath(ctx, shape) { var x1 = shape.x1; var y1 = shape.y1; var x2 = shape.x2; var y2 = shape.y2; var cpx1 = shape.cpx1; var cpy1 = shape.cpy1; var cpx2 = shape.cpx2; var cpy2 = shape.cpy2; var percent = shape.percent; if (percent === 0) { return; } ctx.moveTo(x1, y1); if (cpx2 == null || cpy2 == null) { if (percent < 1) { curveUtil.quadraticSubdivide(x1, cpx1, x2, percent, out); cpx1 = out[1]; x2 = out[2]; curveUtil.quadraticSubdivide(y1, cpy1, y2, percent, out); cpy1 = out[1]; y2 = out[2]; } ctx.quadraticCurveTo(cpx1, cpy1, x2, y2); } else { if (percent < 1) { curveUtil.cubicSubdivide(x1, cpx1, cpx2, x2, percent, out); cpx1 = out[1]; cpx2 = out[2]; x2 = out[3]; curveUtil.cubicSubdivide(y1, cpy1, cpy2, y2, percent, out); cpy1 = out[1]; cpy2 = out[2]; y2 = out[3]; } ctx.bezierCurveTo(cpx1, cpy1, cpx2, cpy2, x2, y2); } } /** * @method pointAt * Get point at percent. * * * 按照比例获取线条上的点。 * @param {Number} percent * @return {Array<Number>} */ }, { key: "pointAt", value: function pointAt(t) { return someVectorAt(this.shape, t, false); } }, { key: "firstPoint", value: function firstPoint() { return this.pointAt(0); } }, { key: "firstTwoPoints", value: function firstTwoPoints() { return [_toConsumableArray(this.pointAt(0)), _toConsumableArray(this.pointAt(0.2))]; } }, { key: "lastPoint", value: function lastPoint() { return this.pointAt(1); } }, { key: "lastTwoPoints", value: function lastTwoPoints() { return [_toConsumableArray(this.pointAt(1)), _toConsumableArray(this.pointAt(0.8))]; } /** * Get tangent at percent * @param {Number} t * @return {Array<Number>} */ }, { key: "tangentAt", value: function tangentAt(t) { var p = someVectorAt(this.shape, t, true); return vectorUtil.normalize(p, p); } }]); return BezierCurve; }(Line); module.exports = BezierCurve;