jmgraph 3.2.19 → 3.2.21

package/dist/jmgraph.js

@@ -78,6 +78,24 @@ Object.defineProperty(exports, "jmResize", {
     return _jmResize.jmResize;
   }
 });
+Object.defineProperty(exports, "jmEllipse", {
+  enumerable: true,
+  get: function get() {
+    return _jmEllipse.jmEllipse;
+  }
+});
+Object.defineProperty(exports, "jmPolygon", {
+  enumerable: true,
+  get: function get() {
+    return _jmPolygon.jmPolygon;
+  }
+});
+Object.defineProperty(exports, "jmStar", {
+  enumerable: true,
+  get: function get() {
+    return _jmStar.jmStar;
+  }
+});
 Object.defineProperty(exports, "jmUtils", {
   enumerable: true,
   get: function get() {
@@ -102,6 +120,12 @@ Object.defineProperty(exports, "jmGradient", {
     return _jmGraph.jmGradient;
   }
 });
+Object.defineProperty(exports, "jmFilter", {
+  enumerable: true,
+  get: function get() {
+    return _jmGraph.jmFilter;
+  }
+});
 Object.defineProperty(exports, "jmControl", {
   enumerable: true,
   get: function get() {
@@ -140,16 +164,18 @@ var _jmLabel = require("./src/shapes/jmLabel.js");
 
 var _jmResize = require("./src/shapes/jmResize.js");
 
+var _jmEllipse = require("./src/shapes/jmEllipse.js");
+
+var _jmPolygon = require("./src/shapes/jmPolygon.js");
+
+var _jmStar = require("./src/shapes/jmStar.js");
+
 var _jmGraph = require("./src/core/jmGraph.js");
 
 function _construct(Parent, args, Class) { if (_isNativeReflectConstruct()) { _construct = Reflect.construct; } else { _construct = function _construct(Parent, args, Class) { var a = [null]; a.push.apply(a, args); var Constructor = Function.bind.apply(Parent, a); var instance = new Constructor(); if (Class) _setPrototypeOf(instance, Class.prototype); return instance; }; } return _construct.apply(null, arguments); }
 
 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 _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); }
@@ -177,30 +203,23 @@ var shapes = {
   "image": _jmImage.jmImage,
   "img": _jmImage.jmImage,
   "label": _jmLabel.jmLabel,
-  "resize": _jmResize.jmResize
+  "resize": _jmResize.jmResize,
+  "ellipse": _jmEllipse.jmEllipse,
+  "polygon": _jmPolygon.jmPolygon,
+  "star": _jmStar.jmStar
 };
 
-var jmGraph = /*#__PURE__*/function (_jmGraphCore) {
-  _inherits(jmGraph, _jmGraphCore);
-
-  var _super = _createSuper(jmGraph);
-
-  function jmGraph(canvas, option, callback) {
-    var _this;
+var jmGraphImpl = /*#__PURE__*/function (_jmGraphCore) {
+  _inherits(jmGraphImpl, _jmGraphCore);
 
-    _classCallCheck(this, jmGraph);
+  var _super = _createSuper(jmGraphImpl);
 
-    var targetType = this instanceof jmGraph ? this.constructor : void 0; // 合并shapes
+  function jmGraphImpl(canvas, option, callback) {
+    _classCallCheck(this, jmGraphImpl);
 
+    // 合并shapes
     option = Object.assign({}, option);
-    option.shapes = Object.assign(shapes, option.shapes || {}); //不是用new实例化的话，返回一个promise
-
-    if (!targetType || !(targetType.prototype instanceof _jmGraph.jmGraph)) {
-      return _possibleConstructorReturn(_this, new Promise(function (resolve, reject) {
-        var g = new jmGraph(canvas, option, callback);
-        if (resolve) resolve(g);
-      }));
-    }
+    option.shapes = Object.assign(shapes, option.shapes || {});
 
     if (typeof option == 'function') {
       callback = option;
@@ -210,30 +229,25 @@ var jmGraph = /*#__PURE__*/function (_jmGraphCore) {
     return _super.call(this, canvas, option, callback);
   }
 
-  _createClass(jmGraph, null, [{
-    key: "create",
-    value: function create() {
-      return createJmGraph.apply(void 0, arguments);
-    }
-  }]);
-
-  return jmGraph;
-}(_jmGraph.jmGraph); //创建实例
+  return jmGraphImpl;
+}(_jmGraph.jmGraph); //创建实例，支持不加 new 直接调用
 
 
-exports.jmGraph = exports["default"] = jmGraph;
+exports.jmGraph = jmGraphImpl;
 
 var createJmGraph = function createJmGraph() {
   for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
     args[_key] = arguments[_key];
   }
 
-  return _construct(jmGraph, args);
+  return _construct(jmGraphImpl, args);
 };
 
 exports.create = createJmGraph;
+var _default = jmGraphImpl;
+exports["default"] = _default;
 
-},{"./src/core/jmGraph.js":5,"./src/shapes/jmArc.js":22,"./src/shapes/jmArrow.js":23,"./src/shapes/jmArrowLine.js":24,"./src/shapes/jmBezier.js":25,"./src/shapes/jmCircle.js":26,"./src/shapes/jmHArc.js":27,"./src/shapes/jmImage.js":28,"./src/shapes/jmLabel.js":29,"./src/shapes/jmLine.js":30,"./src/shapes/jmPrismatic.js":31,"./src/shapes/jmRect.js":32,"./src/shapes/jmResize.js":33}],2:[function(require,module,exports){
+},{"./src/core/jmGraph.js":6,"./src/shapes/jmArc.js":23,"./src/shapes/jmArrow.js":24,"./src/shapes/jmArrowLine.js":25,"./src/shapes/jmBezier.js":26,"./src/shapes/jmCircle.js":27,"./src/shapes/jmEllipse.js":28,"./src/shapes/jmHArc.js":29,"./src/shapes/jmImage.js":30,"./src/shapes/jmLabel.js":31,"./src/shapes/jmLine.js":32,"./src/shapes/jmPolygon.js":33,"./src/shapes/jmPrismatic.js":34,"./src/shapes/jmRect.js":35,"./src/shapes/jmResize.js":36,"./src/shapes/jmStar.js":37}],2:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -249,20 +263,14 @@ var _jmGradient = require("./jmGradient.js");
 
 var _jmShadow = require("./jmShadow.js");
 
+var _jmFilter = require("./jmFilter.js");
+
 var _jmProperty2 = require("./jmProperty.js");
 
 var _path = _interopRequireDefault(require("../lib/webgl/path.js"));
 
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { "default": obj }; }
 
-function _toConsumableArray(arr) { return _arrayWithoutHoles(arr) || _iterableToArray(arr) || _unsupportedIterableToArray(arr) || _nonIterableSpread(); }
-
-function _nonIterableSpread() { throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
-
-function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symbol.iterator] != null || iter["@@iterator"] != null) return Array.from(iter); }
-
-function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
-
 function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
@@ -318,7 +326,9 @@ var jmStyleMap = {
   'shadowOffsetY': 'shadowOffsetY',
   'shadowColor': 'shadowColor',
   'lineJoin': 'lineJoin',
-  'lineCap': 'lineCap'
+  'lineCap': 'lineCap',
+  'lineDashOffset': 'lineDashOffset',
+  'globalCompositeOperation': 'globalCompositeOperation'
 };
 
 var jmControl = /*#__PURE__*/function (_jmProperty) {
@@ -560,7 +570,10 @@ var jmControl = /*#__PURE__*/function (_jmProperty) {
     value: function setStyle(style) {
       var _this3 = this;
 
-      style = style || _jmUtils.jmUtils.clone(this.style, true);
+      if (!style) {
+        style = this.style;
+      }
+
       if (!style) return;
 
       var __setStyle = function __setStyle(style, name, mpkey) {
@@ -648,6 +661,153 @@ var jmControl = /*#__PURE__*/function (_jmProperty) {
               case 'cursor':
                 {
                   _this3.cursor = styleValue;
+                  break;
+                }
+              // ===== 新增样式特性 =====
+              // 虚线样式：支持自定义lineDash模式 (如 [5, 3, 2] 或 "5,3,2")
+
+              case 'lineDash':
+                {
+                  if (!_this3.context.setLineDash) break;
+                  var dash;
+
+                  if (typeof styleValue === 'string') {
+                    dash = styleValue.split(',').map(function (v) {
+                      return parseFloat(v.trim());
+                    }).filter(function (v) {
+                      return !isNaN(v);
+                    });
+                  } else if (Array.isArray(styleValue)) {
+                    dash = styleValue.map(function (v) {
+                      return parseFloat(v);
+                    }).filter(function (v) {
+                      return !isNaN(v);
+                    });
+                  }
+
+                  if (dash && dash.length) {
+                    _this3.context.setLineDash(dash);
+                  } else {
+                    _this3.context.setLineDash([]);
+                  }
+
+                  break;
+                }
+              // 虚线偏移量
+
+              case 'lineDashOffset':
+                {
+                  if (!_this3.context.setLineDash) break;
+                  _this3.context.lineDashOffset = Number(styleValue) || 0;
+                  break;
+                }
+              // CSS滤镜效果 (blur, grayscale, sepia, brightness, contrast, saturate, hue-rotate, invert, opacity)
+
+              case 'filter':
+                {
+                  if (_this3.context.filter === undefined) break;
+
+                  if (styleValue instanceof _jmFilter.jmFilter) {
+                    _this3.context.filter = styleValue.toCanvasFilter();
+                  } else if (typeof styleValue === 'string') {
+                    _this3.context.filter = styleValue || 'none';
+                  } else if (_typeof(styleValue) === 'object') {
+                    _this3.context.filter = new _jmFilter.jmFilter(styleValue).toCanvasFilter();
+                  }
+
+                  break;
+                }
+              // 混合模式 (source-over, multiply, screen, overlay, darken, lighten, etc.)
+
+              case 'globalCompositeOperation':
+                {
+                  if (!_this3.context.globalCompositeOperation) break;
+                  _this3.context.globalCompositeOperation = styleValue;
+                  break;
+                }
+              // 裁剪路径：通过canvas clip实现
+
+              case 'clipPath':
+                {
+                  if (!_this3.context.clip) break; // clipPath可以是一个图形控件实例
+
+                  if (styleValue && styleValue.points && styleValue.points.length > 0) {
+                    var bounds = _this3.parent && _this3.parent.absoluteBounds ? _this3.parent.absoluteBounds : _this3.absoluteBounds;
+
+                    _this3.context.beginPath();
+
+                    _this3.context.moveTo(styleValue.points[0].x + (bounds ? bounds.left : 0), styleValue.points[0].y + (bounds ? bounds.top : 0));
+
+                    for (var i = 1; i < styleValue.points.length; i++) {
+                      if (styleValue.points[i].m) {
+                        _this3.context.moveTo(styleValue.points[i].x + (bounds ? bounds.left : 0), styleValue.points[i].y + (bounds ? bounds.top : 0));
+                      } else {
+                        _this3.context.lineTo(styleValue.points[i].x + (bounds ? bounds.left : 0), styleValue.points[i].y + (bounds ? bounds.top : 0));
+                      }
+                    }
+
+                    if (styleValue.style && styleValue.style.close) {
+                      _this3.context.closePath();
+                    }
+
+                    _this3.context.clip();
+                  }
+
+                  break;
+                }
+              // 遮罩效果：通过globalCompositeOperation + destination-in实现
+
+              case 'mask':
+                {
+                  if (!_this3.context.globalCompositeOperation) break; // mask是一个图形控件实例，在绘制前需要先应用mask
+                  // 这里只是标记，实际绘制在paint流程中处理
+
+                  _this3.__mask = styleValue;
+                  break;
+                }
+              // 图片阴影描边阴影（WebGL纹理canvas用）
+
+              case 'shadowColor':
+                {
+                  if (_this3.webglControl) {
+                    _this3.webglControl.setStyle('shadowColor', styleValue);
+                  } else {
+                    _this3.context.shadowColor = _jmUtils.jmUtils.toColor(styleValue);
+                  }
+
+                  break;
+                }
+
+              case 'shadowBlur':
+                {
+                  if (_this3.webglControl) {
+                    _this3.webglControl.setStyle('shadowBlur', styleValue);
+                  } else {
+                    _this3.context.shadowBlur = Number(styleValue) || 0;
+                  }
+
+                  break;
+                }
+
+              case 'shadowOffsetX':
+                {
+                  if (_this3.webglControl) {
+                    _this3.webglControl.setStyle('shadowOffsetX', styleValue);
+                  } else {
+                    _this3.context.shadowOffsetX = Number(styleValue) || 0;
+                  }
+
+                  break;
+                }
+
+              case 'shadowOffsetY':
+                {
+                  if (_this3.webglControl) {
+                    _this3.webglControl.setStyle('shadowOffsetY', styleValue);
+                  } else {
+                    _this3.context.shadowOffsetY = Number(styleValue) || 0;
+                  }
+
                   break;
                 }
             }
@@ -672,6 +832,8 @@ var jmControl = /*#__PURE__*/function (_jmProperty) {
           style[k] = new _jmGradient.jmGradient(style[k]);
         } else if (t == 'string' && k == 'shadow') {
           style[k] = new _jmShadow.jmShadow(style[k]);
+        } else if (t == 'string' && k == 'filter') {
+          style[k] = new _jmFilter.jmFilter(style[k]);
         }
 
         __setStyle(style[k], k);
@@ -849,7 +1011,6 @@ var jmControl = /*#__PURE__*/function (_jmProperty) {
   }, {
     key: "getLocation",
     value: function getLocation() {
-      var clone = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : true;
       //如果已经计算过则直接返回
       //在开画之前会清空此对象
       //if(reset !== true && this.location) return this.location;
@@ -858,32 +1019,34 @@ var jmControl = /*#__PURE__*/function (_jmProperty) {
         top: 0,
         width: 0,
         height: 0
-      };
-      local.position = typeof this.position == 'function' ? this.position() : _jmUtils.jmUtils.clone(this.position);
-      local.center = this.center && typeof this.center === 'function' ? this.center() : _jmUtils.jmUtils.clone(this.center); //中心
+      }; // 检查是否有百分比参数需要解析，没有则直接引用避免克隆开销
+
+      var needResolve = this.parent && (_jmUtils.jmUtils.checkPercent(this.width) || _jmUtils.jmUtils.checkPercent(this.height) || this.position && _jmUtils.jmUtils.checkPercent(this.position.x) || this.position && _jmUtils.jmUtils.checkPercent(this.position.y));
 
-      local.start = this.start && typeof this.start === 'function' ? this.start() : _jmUtils.jmUtils.clone(this.start); //起点
+      local.position = typeof this.position == 'function' ? this.position() : needResolve ? _jmUtils.jmUtils.clone(this.position) : this.position;
+      local.center = this.center && typeof this.center === 'function' ? this.center() : needResolve ? _jmUtils.jmUtils.clone(this.center) : this.center; //中心
 
-      local.end = this.end && typeof this.end === 'function' ? this.end() : _jmUtils.jmUtils.clone(this.end); //起点
+      local.start = this.start && typeof this.start === 'function' ? this.start() : needResolve ? _jmUtils.jmUtils.clone(this.start) : this.start; //起点
+
+      local.end = this.end && typeof this.end === 'function' ? this.end() : needResolve ? _jmUtils.jmUtils.clone(this.end) : this.end; //起点
 
       local.radius = this.radius; //半径
 
       local.width = this.width;
       local.height = this.height;
-
-      var margin = _jmUtils.jmUtils.clone(this.style.margin, {});
-
-      margin.left = margin.left || 0;
-      margin.top = margin.top || 0;
-      margin.right = margin.right || 0;
-      margin.bottom = margin.bottom || 0; //如果没有指定位置，但指定了margin。则位置取margin偏移量
+      var margin = this.style.margin;
+      var marginObj = needResolve && margin ? _jmUtils.jmUtils.clone(margin, {}) : margin || {};
+      marginObj.left = marginObj.left || 0;
+      marginObj.top = marginObj.top || 0;
+      marginObj.right = marginObj.right || 0;
+      marginObj.bottom = marginObj.bottom || 0; //如果没有指定位置，但指定了margin。则位置取margin偏移量
 
       if (local.position) {
         local.left = local.position.x;
         local.top = local.position.y;
       } else {
-        local.left = margin.left;
-        local.top = margin.top;
+        local.left = marginObj.left;
+        local.top = marginObj.top;
       }
 
       if (this.parent) {
@@ -1177,25 +1340,36 @@ var jmControl = /*#__PURE__*/function (_jmProperty) {
       if (this.style.close) {
         if (this.webglControl) this.webglControl.closePath();
         this.context.closePath && this.context.closePath();
-      }
+      } // 根据渲染模式选择不同的绘制路径
 
-      var fill = this.style['fill'] || this.style['fillStyle'];
 
-      if (fill) {
-        if (this.webglControl) {
+      if (this.webglControl) {
+        // WebGL 模式：使用 WebGL 绘制
+        var fill = this.style['fill'] || this.style['fillStyle'];
+
+        if (fill) {
           var bounds = this.getBounds();
           this.webglControl.fill(bounds);
         }
 
-        this.context.fill && this.context.fill();
-      }
+        if (this.style['stroke'] || !fill && !this.is('jmGraph')) {
+          this.webglControl.stroke();
+        }
+
+        if (this.webglControl.endDraw) this.webglControl.endDraw();
+      } else {
+        // 2D 模式：使用 Canvas 2D API 绘制
+        var _fill = this.style['fill'] || this.style['fillStyle'];
+
+        if (_fill) {
+          this.context.fill && this.context.fill();
+        }
 
-      if (this.style['stroke'] || !fill && !this.is('jmGraph')) {
-        if (this.webglControl) this.webglControl.stroke();
-        this.context.stroke && this.context.stroke();
+        if (this.style['stroke'] || !_fill && !this.is('jmGraph')) {
+          this.context.stroke && this.context.stroke();
+        }
       }
 
-      if (this.webglControl && this.webglControl.endDraw) this.webglControl.endDraw();
       this.needUpdate = false;
     }
     /**
@@ -1214,7 +1388,7 @@ var jmControl = /*#__PURE__*/function (_jmProperty) {
 
         if (this.webglControl) {
           this.webglControl.setParentBounds(bounds);
-          this.webglControl.draw(_toConsumableArray(this.points));
+          this.webglControl.draw(this.points);
         } else if (this.context && this.context.moveTo) {
           this.context.moveTo(this.points[0].x + bounds.left, this.points[0].y + bounds.top);
           var len = this.points.length;
@@ -1255,10 +1429,47 @@ var jmControl = /*#__PURE__*/function (_jmProperty) {
         this.context.save && this.context.save();
         this.emit('beginDraw', this);
         this.setStyle(); //设定样式
+        // 应用mask遮罩效果：在mask区域内绘制当前控件
+        // 使用 destination-in 合成模式，只保留mask区域内的内容
+
+        var maskStyle = this.style.mask || this.__mask;
+
+        if (maskStyle && maskStyle.points && this.context.globalCompositeOperation) {
+          // 先绘制当前控件
+          if (needDraw && this.beginDraw) this.beginDraw();
+          if (needDraw && this.draw) this.draw();
+          if (needDraw && this.endDraw) this.endDraw(); // 再应用mask裁剪
+
+          this.context.globalCompositeOperation = 'destination-in';
+          if (maskStyle.initPoints) maskStyle.initPoints();
+          var mBounds = maskStyle.parent && maskStyle.parent.absoluteBounds ? maskStyle.parent.absoluteBounds : this.absoluteBounds;
+          this.context.beginPath();
+
+          if (maskStyle.points && maskStyle.points.length > 0) {
+            this.context.moveTo(maskStyle.points[0].x + (mBounds ? mBounds.left : 0), maskStyle.points[0].y + (mBounds ? mBounds.top : 0));
+
+            for (var i = 1; i < maskStyle.points.length; i++) {
+              if (maskStyle.points[i].m) {
+                this.context.moveTo(maskStyle.points[i].x + (mBounds ? mBounds.left : 0), maskStyle.points[i].y + (mBounds ? mBounds.top : 0));
+              } else {
+                this.context.lineTo(maskStyle.points[i].x + (mBounds ? mBounds.left : 0), maskStyle.points[i].y + (mBounds ? mBounds.top : 0));
+              }
+            }
+
+            if (maskStyle.style && maskStyle.style.close) {
+              this.context.closePath();
+            }
+          }
+
+          this.context.fillStyle = '#ffffff';
+          this.context.fill(); // 恢复合成模式
 
-        if (needDraw && this.beginDraw) this.beginDraw();
-        if (needDraw && this.draw) this.draw();
-        if (needDraw && this.endDraw) this.endDraw();
+          this.context.globalCompositeOperation = 'source-over';
+        } else {
+          if (needDraw && this.beginDraw) this.beginDraw();
+          if (needDraw && this.draw) this.draw();
+          if (needDraw && this.endDraw) this.endDraw();
+        }
 
         if (this.children) {
           this.children.each(function (i, item) {
@@ -1895,7 +2106,7 @@ var jmControl = /*#__PURE__*/function (_jmProperty) {
 exports.jmControl = exports["default"] = jmControl;
 ;
 
-},{"../lib/webgl/path.js":21,"./jmGradient.js":4,"./jmList.js":6,"./jmProperty.js":9,"./jmShadow.js":10,"./jmUtils.js":11}],3:[function(require,module,exports){
+},{"../lib/webgl/path.js":22,"./jmFilter.js":4,"./jmGradient.js":5,"./jmList.js":7,"./jmProperty.js":10,"./jmShadow.js":11,"./jmUtils.js":12}],3:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2169,7 +2380,210 @@ var jmKeyEvent = /*#__PURE__*/function () {
   return jmKeyEvent;
 }();
 
-},{"./jmUtils.js":11}],4:[function(require,module,exports){
+},{"./jmUtils.js":12}],4:[function(require,module,exports){
+"use strict";
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.jmFilter = exports["default"] = void 0;
+
+var _jmUtils = require("./jmUtils.js");
+
+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 _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; }
+
+/**
+ * CSS滤镜效果类
+ * 支持的滤镜: blur, grayscale, sepia, brightness, contrast, saturate, hue-rotate, invert, opacity
+ *
+ * @class jmFilter
+ * @param {string|object} opt 滤镜参数
+ *   字符串格式: "blur(2px) grayscale(50%) brightness(1.2)"
+ *   对象格式: { blur: 2, grayscale: 0.5, brightness: 1.2 }
+ */
+var jmFilter = /*#__PURE__*/function () {
+  function jmFilter(opt) {
+    _classCallCheck(this, jmFilter);
+
+    this.filters = [];
+
+    if (typeof opt === 'string') {
+      this.fromString(opt);
+    } else if (opt && _typeof(opt) === 'object') {
+      for (var k in opt) {
+        if (k === 'constructor' || k === 'filters') continue;
+        this.addFilter(k, opt[k]);
+      }
+    }
+  }
+  /**
+   * 添加单个滤镜
+   * @param {string} name 滤镜名称 (blur, grayscale, sepia, brightness, contrast, saturate, hue-rotate, invert, opacity)
+   * @param {number|string} value 滤镜值
+   */
+
+
+  _createClass(jmFilter, [{
+    key: "addFilter",
+    value: function addFilter(name, value) {
+      name = name.toLowerCase().trim();
+
+      if (typeof value === 'string') {
+        value = parseFloat(value);
+      }
+
+      if (isNaN(value)) return; // 规范化滤镜名称
+
+      var normalized = {
+        'blur': 'blur',
+        'grayscale': 'grayscale',
+        'greyscale': 'grayscale',
+        'sepia': 'sepia',
+        'brightness': 'brightness',
+        'contrast': 'contrast',
+        'saturate': 'saturate',
+        'hue-rotate': 'hueRotate',
+        'hueRotate': 'hueRotate',
+        'invert': 'invert',
+        'opacity': 'opacity'
+      }[name];
+      if (!normalized) return; // 检查是否已有同名滤镜，有则更新
+
+      var existing = this.filters.find(function (f) {
+        return f.name === normalized;
+      });
+
+      if (existing) {
+        existing.value = value;
+      } else {
+        this.filters.push({
+          name: normalized,
+          value: value
+        });
+      }
+    }
+    /**
+     * 从字符串格式解析滤镜
+     * 格式: "blur(2px) grayscale(50%) brightness(1.2)"
+     * @param {string} s 滤镜字符串
+     */
+
+  }, {
+    key: "fromString",
+    value: function fromString(s) {
+      if (!s || typeof s !== 'string') return; // 匹配 filterName(value) 模式
+
+      var regex = /([a-zA-Z-]+)\s*\(\s*([^)]+)\s*\)/g;
+      var match;
+
+      while ((match = regex.exec(s)) !== null) {
+        var name = match[1];
+        var valueStr = match[2].replace(/[a-z%]+$/i, '').trim();
+        var value = parseFloat(valueStr);
+
+        if (!isNaN(value)) {
+          this.addFilter(name, value);
+        }
+      }
+    }
+    /**
+     * 转换为CSS filter字符串格式
+     * @returns {string}
+     */
+
+  }, {
+    key: "toString",
+    value: function toString() {
+      return this.filters.map(function (f) {
+        switch (f.name) {
+          case 'blur':
+            return "blur(".concat(f.value, "px)");
+
+          case 'hueRotate':
+            return "hue-rotate(".concat(f.value, "deg)");
+
+          default:
+            return "".concat(f.name, "(").concat(f.value, ")");
+        }
+      }).join(' ');
+    }
+    /**
+     * 转换为Canvas context.filter可用的字符串
+     * @returns {string}
+     */
+
+  }, {
+    key: "toCanvasFilter",
+    value: function toCanvasFilter() {
+      if (this.filters.length === 0) return 'none';
+      return this.toString();
+    }
+    /**
+     * 检查是否有指定名称的滤镜
+     * @param {string} name 滤镜名称
+     * @returns {boolean}
+     */
+
+  }, {
+    key: "has",
+    value: function has(name) {
+      return this.filters.some(function (f) {
+        return f.name === name;
+      });
+    }
+    /**
+     * 获取指定滤镜的值
+     * @param {string} name 滤镜名称
+     * @returns {number|undefined}
+     */
+
+  }, {
+    key: "get",
+    value: function get(name) {
+      var f = this.filters.find(function (f) {
+        return f.name === name;
+      });
+      return f ? f.value : undefined;
+    }
+    /**
+     * 移除指定滤镜
+     * @param {string} name 滤镜名称
+     */
+
+  }, {
+    key: "remove",
+    value: function remove(name) {
+      var index = this.filters.findIndex(function (f) {
+        return f.name === name;
+      });
+
+      if (index > -1) {
+        this.filters.splice(index, 1);
+      }
+    }
+    /**
+     * 清空所有滤镜
+     */
+
+  }, {
+    key: "clear",
+    value: function clear() {
+      this.filters = [];
+    }
+  }]);
+
+  return jmFilter;
+}();
+
+exports.jmFilter = exports["default"] = jmFilter;
+
+},{"./jmUtils.js":12}],5:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -2452,7 +2866,7 @@ var jmGradient = /*#__PURE__*/function () {
 
 exports.jmGradient = exports["default"] = jmGradient;
 
-},{"./jmList.js":6,"./jmUtils.js":11}],5:[function(require,module,exports){
+},{"./jmList.js":7,"./jmUtils.js":12}],6:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -2490,6 +2904,12 @@ Object.defineProperty(exports, "jmGradient", {
     return _jmGradient.jmGradient;
   }
 });
+Object.defineProperty(exports, "jmFilter", {
+  enumerable: true,
+  get: function get() {
+    return _jmFilter.jmFilter;
+  }
+});
 Object.defineProperty(exports, "jmEvents", {
   enumerable: true,
   get: function get() {
@@ -2520,6 +2940,8 @@ var _jmShadow = require("./jmShadow.js");
 
 var _jmGradient = require("./jmGradient.js");
 
+var _jmFilter = require("./jmFilter.js");
+
 var _jmEvents = require("./jmEvents.js");
 
 var _jmControl2 = require("./jmControl.js");
@@ -2597,7 +3019,13 @@ var jmGraph = /*#__PURE__*/function (_jmControl) {
 
     _this.util = _this.utils = _jmUtils.jmUtils; // 模式 webgl | 2d
 
-    _this.mode = option.mode || '2d'; //如果是小程序
+    _this.mode = option.mode || '2d'; // 缩放和平移相关
+
+    _this.scaleFactor = 1;
+    _this.translation = {
+      x: 0,
+      y: 0
+    }; //如果是小程序
 
     if (typeof wx != 'undefined' && wx.canIUse && wx.canIUse('canvas')) {
       if (typeof canvas === 'string') canvas = wx.createSelectorQuery().select('#' + canvas);
@@ -2683,14 +3111,24 @@ var jmGraph = /*#__PURE__*/function (_jmControl) {
        */
 
       this.on('beginDraw', function () {
-        this.context.translate && this.context.translate(0.5, 0.5);
+        this.context.translate && this.context.translate(0.5, 0.5); // 应用缩放和平移变换
+
+        if (this.context.translate && this.context.scale) {
+          this.context.translate(this.translation.x, this.translation.y);
+          this.context.scale(this.scaleFactor, this.scaleFactor);
+        }
       });
       /**
        * 结束控件绘制 为了解决一像素线条问题
        */
 
       this.on('endDraw', function () {
-        this.context.translate && this.context.translate(-0.5, -0.5);
+        this.context.translate && this.context.translate(-0.5, -0.5); // 恢复缩放和平移变换
+
+        if (this.context.translate && this.context.scale) {
+          this.context.scale(1 / this.scaleFactor, 1 / this.scaleFactor);
+          this.context.translate(-this.translation.x, -this.translation.y);
+        }
       }); // devicePixelRatio初始化
 
       var dpr = typeof window != 'undefined' && window.devicePixelRatio > 1 ? window.devicePixelRatio : 1;
@@ -3128,6 +3566,93 @@ var jmGraph = /*#__PURE__*/function (_jmControl) {
 
       this.canvas.style && (this.canvas.style.transform = "scale(".concat(this.scaleSize.x, ", ").concat(this.scaleSize.y, ")"));
     }
+    /**
+     * 设置缩放因子
+     * 支持以指定点为中心进行缩放，保持该点在屏幕上的位置不变
+     * 
+     * @method setZoom
+     * @param {number} zoom 缩放因子（建议范围：0.1 - 10）
+     * @param {number} [x] 缩放中心X坐标（画布坐标）
+     * @param {number} [y] 缩放中心Y坐标（画布坐标）
+     * @return {jmGraph} 返回当前实例，支持链式调用
+     */
+
+  }, {
+    key: "setZoom",
+    value: function setZoom(zoom, x, y) {
+      // 参数验证
+      if (typeof zoom !== 'number' || isNaN(zoom)) {
+        console.warn('jmGraph: setZoom - 无效的缩放因子');
+        return this;
+      } // 限制缩放范围，防止过度缩放导致性能问题或显示异常
+
+
+      var minZoom = 0.1; // 最小缩放到10%
+
+      var maxZoom = 10; // 最大放大到10倍
+
+      zoom = Math.max(minZoom, Math.min(maxZoom, zoom));
+
+      if (x !== undefined && y !== undefined) {
+        // 计算缩放前后的坐标偏移
+        // 保持缩放中心点在屏幕上的位置不变
+        var oldZoom = this.scaleFactor;
+        var newZoom = zoom; // 调整平移量以保持缩放中心位置不变
+
+        this.translation.x = x - (x - this.translation.x) * (newZoom / oldZoom);
+        this.translation.y = y - (y - this.translation.y) * (newZoom / oldZoom);
+      }
+
+      this.scaleFactor = zoom;
+      this.needUpdate = true;
+      this.redraw();
+      return this; // 支持链式调用
+    }
+    /**
+     * 平移画布
+     * 移动画布视图，改变可视区域
+     * 
+     * @method pan
+     * @param {number} dx X轴平移量（像素）
+     * @param {number} dy Y轴平移量（像素）
+     * @return {jmGraph} 返回当前实例，支持链式调用
+     */
+
+  }, {
+    key: "pan",
+    value: function pan(dx, dy) {
+      // 参数验证
+      if (typeof dx !== 'number' || typeof dy !== 'number' || isNaN(dx) || isNaN(dy)) {
+        console.warn('jmGraph: pan - 无效的平移参数');
+        return this;
+      }
+
+      this.translation.x += dx;
+      this.translation.y += dy;
+      this.needUpdate = true;
+      this.redraw();
+      return this; // 支持链式调用
+    }
+    /**
+     * 重置缩放和平移
+     * 恢复画布到初始状态（缩放为1，平移为0）
+     * 
+     * @method resetTransform
+     * @return {jmGraph} 返回当前实例，支持链式调用
+     */
+
+  }, {
+    key: "resetTransform",
+    value: function resetTransform() {
+      this.scaleFactor = 1;
+      this.translation = {
+        x: 0,
+        y: 0
+      };
+      this.needUpdate = true;
+      this.redraw();
+      return this; // 支持链式调用
+    }
     /**
      * 保存为base64图形数据
      * 
@@ -3141,6 +3666,126 @@ var jmGraph = /*#__PURE__*/function (_jmControl) {
       var data = this.canvas.toDataURL ? this.canvas.toDataURL() : '';
       return data;
     }
+    /**
+     * 导出为PNG图片
+     * 使用Canvas的toDataURL方法导出当前画布内容
+     * 
+     * @method exportToPNG
+     * @param {string} [fileName='jmgraph-export'] 文件名（不含扩展名）
+     * @param {string} [format='image/png'] 图片格式，支持image/png和image/jpeg
+     * @param {number} [quality=0.9] 图片质量（0-1之间，仅对JPEG格式有效）
+     */
+
+  }, {
+    key: "exportToPNG",
+    value: function exportToPNG() {
+      var fileName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'jmgraph-export';
+      var format = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'image/png';
+      var quality = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : 0.9;
+
+      try {
+        // 确保画布已渲染
+        this.redraw();
+        var dataURL = this.canvas.toDataURL(format, quality);
+        this.downloadFile(dataURL, fileName, 'png');
+      } catch (error) {
+        console.error('jmGraph: exportToPNG - 导出失败', error);
+      }
+    }
+    /**
+     * 导出为JPEG图片
+     * 
+     * @method exportToJPEG
+     * @param {string} [fileName='jmgraph-export'] 文件名（不含扩展名）
+     * @param {number} [quality=0.9] 图片质量（0-1之间）
+     */
+
+  }, {
+    key: "exportToJPEG",
+    value: function exportToJPEG() {
+      var fileName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'jmgraph-export';
+      var quality = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 0.9;
+      this.exportToPNG(fileName, 'image/jpeg', quality);
+    }
+    /**
+     * 导出为SVG文件
+     * 将当前画布内容转换为SVG格式
+     * 注意：只有实现了toSVG方法的形状才能被导出
+     * 
+     * @method exportToSVG
+     * @param {string} [fileName='jmgraph-export'] 文件名（不含扩展名）
+     */
+
+  }, {
+    key: "exportToSVG",
+    value: function exportToSVG() {
+      var fileName = arguments.length > 0 && arguments[0] !== undefined ? arguments[0] : 'jmgraph-export';
+
+      try {
+        var svg = this.toSVG();
+        var blob = new Blob([svg], {
+          type: 'image/svg+xml;charset=utf-8'
+        });
+        var url = URL.createObjectURL(blob);
+        this.downloadFile(url, fileName, 'svg'); // 释放URL对象，避免内存泄漏
+
+        setTimeout(function () {
+          return URL.revokeObjectURL(url);
+        }, 100);
+      } catch (error) {
+        console.error('jmGraph: exportToSVG - 导出失败', error);
+      }
+    }
+    /**
+     * 遍历所有形状，生成SVG标记
+     *
+     * @method toSVG
+     * @return {string} SVG字符串
+     */
+
+  }, {
+    key: "toSVG",
+    value: function toSVG() {
+      // SVG头部，包含命名空间和画布尺寸
+      var svg = "<svg width=\"".concat(this.width, "\" height=\"").concat(this.height, "\" xmlns=\"http://www.w3.org/2000/svg\" viewBox=\"0 0 ").concat(this.width, " ").concat(this.height, "\">"); // 添加背景色（如果有）
+
+      if (this.style && this.style.fill) {
+        svg += "<rect width=\"100%\" height=\"100%\" fill=\"".concat(this.style.fill, "\"/>");
+      } // 遍历所有直接添加的形状
+
+
+      this.children.each(function (i, shape) {
+        if (shape.toSVG) {
+          svg += shape.toSVG();
+        }
+      });
+      svg += '</svg>';
+      return svg;
+    }
+    /**
+     * 下载文件
+     * 创建临时链接元素触发浏览器下载
+     * 
+     * @method downloadFile
+     * @private
+     * @param {string} url 文件URL或Data URL
+     * @param {string} fileName 文件名（不含扩展名）
+     * @param {string} extension 文件扩展名
+     */
+
+  }, {
+    key: "downloadFile",
+    value: function downloadFile(url, fileName, extension) {
+      // 创建临时链接元素
+      var link = document.createElement('a');
+      link.href = url;
+      link.download = "".concat(fileName, ".").concat(extension); // 添加到DOM并触发点击
+
+      document.body.appendChild(link);
+      link.click(); // 清理DOM
+
+      document.body.removeChild(link);
+    }
     /** 
      * 自动刷新画版
      * @param {function} callback 执行回调
@@ -3196,7 +3841,7 @@ var jmGraph = /*#__PURE__*/function (_jmControl) {
 
 exports.jmGraph = exports["default"] = jmGraph;
 
-},{"./jmControl.js":2,"./jmEvents.js":3,"./jmGradient.js":4,"./jmList.js":6,"./jmPath.js":8,"./jmProperty.js":9,"./jmShadow.js":10,"./jmUtils.js":11}],6:[function(require,module,exports){
+},{"./jmControl.js":2,"./jmEvents.js":3,"./jmFilter.js":4,"./jmGradient.js":5,"./jmList.js":7,"./jmPath.js":9,"./jmProperty.js":10,"./jmShadow.js":11,"./jmUtils.js":12}],7:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -3360,7 +4005,7 @@ var jmList = /*#__PURE__*/function (_Array) {
 
 exports.jmList = exports["default"] = jmList;
 
-},{}],7:[function(require,module,exports){
+},{}],8:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -3475,7 +4120,7 @@ var jmObject = /*#__PURE__*/function () {
 
 exports.jmObject = exports["default"] = jmObject;
 
-},{"./jmList.js":6}],8:[function(require,module,exports){
+},{"./jmList.js":7}],9:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -3549,6 +4194,63 @@ var jmPath = /*#__PURE__*/function (_jmControl) {
       this.needUpdate = true;
       return this.property('points', v);
     }
+    /**
+     * 转换为SVG路径
+     * 
+     * @method toSVG
+     * @return {string} SVG路径字符串
+     */
+
+  }, {
+    key: "toSVG",
+    value: function toSVG() {
+      if (!this.points || this.points.length === 0) return '';
+      var pathData = '';
+      var points = this.points; // 移动到起点
+
+      pathData += "M ".concat(points[0].x, " ").concat(points[0].y); // 绘制路径
+
+      for (var i = 1; i < points.length; i++) {
+        var p = points[i];
+
+        if (p.m) {
+          // 移动到新位置
+          pathData += " M ".concat(p.x, " ").concat(p.y);
+        } else {
+          // 直线到
+          pathData += " L ".concat(p.x, " ").concat(p.y);
+        }
+      } // 如果是封闭路径
+
+
+      if (this.style && this.style.close) {
+        pathData += ' Z';
+      } // 构建SVG元素
+
+
+      var svg = '<path d="' + pathData + '"'; // 添加样式
+
+      if (this.style) {
+        if (this.style.fill) {
+          svg += ' fill="' + this.style.fill + '"';
+        }
+
+        if (this.style.stroke) {
+          svg += ' stroke="' + this.style.stroke + '"';
+        }
+
+        if (this.style.lineWidth) {
+          svg += ' stroke-width="' + this.style.lineWidth + '"';
+        }
+
+        if (this.style.opacity) {
+          svg += ' opacity="' + this.style.opacity + '"';
+        }
+      }
+
+      svg += '/>';
+      return svg;
+    }
   }]);
 
   return jmPath;
@@ -3556,7 +4258,7 @@ var jmPath = /*#__PURE__*/function (_jmControl) {
 
 exports.jmPath = exports["default"] = jmPath;
 
-},{"./jmControl.js":2}],9:[function(require,module,exports){
+},{"./jmControl.js":2}],10:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -3682,7 +4384,7 @@ var jmProperty = /*#__PURE__*/function (_jmObject) {
 
 exports.jmProperty = exports["default"] = jmProperty;
 
-},{"./jmObject.js":7,"./jmUtils.js":11}],10:[function(require,module,exports){
+},{"./jmObject.js":8,"./jmUtils.js":12}],11:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -3775,7 +4477,7 @@ var jmShadow = /*#__PURE__*/function () {
 
 exports.jmShadow = exports["default"] = jmShadow;
 
-},{"./jmUtils.js":11}],11:[function(require,module,exports){
+},{"./jmUtils.js":12}],12:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -3785,6 +4487,12 @@ exports.jmUtils = exports["default"] = void 0;
 
 var _jmList = require("./jmList.js");
 
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
 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 _classCallCheck(instance, Constructor) { if (!(instance instanceof Constructor)) { throw new TypeError("Cannot call a class as a function"); } }
@@ -3968,68 +4676,89 @@ var jmUtils = /*#__PURE__*/function () {
       var deep = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : false;
       var copyHandler = arguments.length > 3 && arguments[3] !== undefined ? arguments[3] : null;
       var deepIndex = arguments.length > 4 && arguments[4] !== undefined ? arguments[4] : 0;
+      var cloned = arguments.length > 5 && arguments[5] !== undefined ? arguments[5] : null;
 
       // 如果有指定回调，则用回调处理，否则走后面的复制逻辑
       if (typeof copyHandler === 'function') {
         var obj = copyHandler(source, deep, deepIndex);
         if (obj) return obj;
-      }
+      } // 首次调用时初始化克隆映射表（用于处理循环引用）
 
-      deepIndex++; // 每执行一次，需要判断最大拷贝深度        
+
+      if (!cloned) cloned = new WeakMap();
 
       if (typeof target === 'boolean') {
         deep = target;
         target = undefined;
-      } // 超过100拷贝深度，直接返回
+      } // 非对象直接返回
 
 
-      if (deepIndex > 100) {
-        return target;
-      }
+      if (!source || _typeof(source) !== 'object') {
+        return typeof target !== 'undefined' ? target : source;
+      } // 如果source已经被克隆过，直接返回之前的克隆对象，打破循环引用
 
-      if (source && _typeof(source) === 'object') {
-        target = target || {}; //如果为当前泛型，则直接new
 
+      if (cloned.has(source)) return cloned.get(source); // 数组处理
+
+      if (Array.isArray(source)) {
+        //如果为当前泛型，则直接new
         if (this.isType(source, _jmList.jmList)) {
           return new _jmList.jmList(source);
-        } else if (Array.isArray(source)) {
-          //如果是深度复，则拷贝每个对象
-          if (deep) {
-            var dest = [];
+        }
 
-            for (var i = 0; i < source.length; i++) {
-              dest.push(this.clone(source[i], target[i], deep, copyHandler, deepIndex));
-            }
+        if (deep) {
+          var dest = [];
+          cloned.set(source, dest);
 
-            return dest;
+          for (var i = 0; i < source.length; i++) {
+            dest.push(this.clone(source[i], undefined, deep, copyHandler, deepIndex + 1, cloned));
           }
 
-          return source.slice(0);
+          return dest;
         }
 
-        if (source.__proto__) target.__proto__ = source.__proto__;
+        return source.slice(0);
+      } // 不复制页面元素和class对象（如jmControl实例等复杂对象保持引用）
+
 
-        for (var k in source) {
+      if (source.tagName || source.getContext || source.emit) {
+        return source;
+      } // 普通对象处理
+
+
+      target = target || {};
+      cloned.set(source, target); // 保持原型链一致
+
+      if (source.__proto__) target.__proto__ = source.__proto__; // 遍历自身可枚举属性（字符串键 + Symbol键），避免触发原型链上宿主对象的getter
+
+      var keys = Object.keys(source).concat(Object.getOwnPropertySymbols(source));
+
+      var _iterator = _createForOfIteratorHelper(keys),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var k = _step.value;
           if (k === 'constructor') continue;
           var v = source[k]; // 不复制页面元素和class对象
 
-          if (v && (v.tagName || v.getContext)) {
+          if (v && (v.tagName || v.getContext || v.emit)) {
             target[k] = v;
             continue;
           } // 如果不是对象和空，则采用target的属性
 
 
           if (_typeof(target[k]) === 'object' || typeof target[k] === 'undefined') {
-            target[k] = this.clone(v, target[k], deep, copyHandler, deepIndex);
+            target[k] = this.clone(v, target[k], deep, copyHandler, deepIndex + 1, cloned);
           }
         }
-
-        return target;
-      } else if (typeof target != 'undefined') {
-        return target;
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
       }
 
-      return source;
+      return target;
     }
     /**
      * 绑定事件到html对象
@@ -4777,7 +5506,7 @@ var jmUtils = /*#__PURE__*/function () {
 
 exports.jmUtils = exports["default"] = jmUtils;
 
-},{"./jmList.js":6}],12:[function(require,module,exports){
+},{"./jmList.js":7}],13:[function(require,module,exports){
 'use strict';
 
 Object.defineProperty(exports, "__esModule", {
@@ -5440,7 +6169,7 @@ earcut.flatten = function (data) {
   return result;
 };
 
-},{}],13:[function(require,module,exports){
+},{}],14:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -5710,7 +6439,6 @@ var WeblBase = /*#__PURE__*/function () {
   }, {
     key: "createProgram",
     value: function createProgram(vertexSrc, fragmentSrc) {
-      this.context.lineWidth(1);
       return (0, _program.createProgram)(this.context, vertexSrc, fragmentSrc);
     } // 指定使用某个程序
 
@@ -5844,8 +6572,10 @@ var WeblBase = /*#__PURE__*/function () {
   }, {
     key: "earCutPointsToTriangles",
     value: function earCutPointsToTriangles(points) {
-      this.earCutCache = this.earCutCache || (this.earCutCache = {});
-      var key = JSON.stringify(points);
+      this.earCutCache = this.earCutCache || (this.earCutCache = {}); // 快速缓存 key：用长度和首尾点坐标
+
+      var len = points.length;
+      var key = len + '_' + points[0].x + '_' + points[0].y + '_' + points[len - 1].x + '_' + points[len - 1].y;
       if (this.earCutCache[key]) return this.earCutCache[key];
       var ps = this.earCutPoints(points); // 切割得到3角色顶点索引，
 
@@ -5963,34 +6693,13 @@ var WeblBase = /*#__PURE__*/function () {
       }
 
       this.textureContext.clearRect(0, 0, canvas.width, canvas.height);
-      this.textureContext.fillStyle = fillStyle;
-      this.textureContext.beginPath();
+      this.textureContext.fillStyle = fillStyle; // 规则图形用 fillRect，比 beginPath/lineTo/fill 快
 
       if (!points || !points.length) {
-        points = [];
-        points.push({
-          x: bounds.left,
-          y: bounds.top
-        });
-        points.push({
-          x: bounds.left + bounds.width,
-          y: bounds.top
-        });
-        points.push({
-          x: bounds.left + bounds.width,
-          y: bounds.top + bounds.height
-        });
-        points.push({
-          x: bounds.left,
-          y: bounds.top + bounds.height
-        });
-        points.push({
-          x: bounds.left,
-          y: bounds.top
-        });
-      }
+        this.textureContext.fillRect(0, 0, bounds.width, bounds.height);
+      } else {
+        this.textureContext.beginPath();
 
-      if (points && points.length) {
         var _iterator = _createForOfIteratorHelper(points),
             _step;
 
@@ -6010,16 +6719,11 @@ var WeblBase = /*#__PURE__*/function () {
         } finally {
           _iterator.f();
         }
-      } else {
-        this.textureContext.moveTo(0, 0);
-        this.textureContext.lineTo(bounds.width, 0);
-        this.textureContext.lineTo(bounds.width, bounds.height);
-        this.textureContext.lineTo(0, bounds.height);
-        this.textureContext.lineTo(0, 0);
+
+        this.textureContext.closePath();
+        this.textureContext.fill();
       }
 
-      this.textureContext.closePath();
-      this.textureContext.fill();
       var data = this.textureContext.getImageData(0, 0, canvas.width, canvas.height);
       return {
         data: data,
@@ -6034,7 +6738,7 @@ var WeblBase = /*#__PURE__*/function () {
 var _default = WeblBase;
 exports["default"] = _default;
 
-},{"../earcut.js":12,"./core/buffer.js":14,"./core/program.js":17,"./core/texture.js":19,"./gradient.js":20}],14:[function(require,module,exports){
+},{"../earcut.js":13,"./core/buffer.js":15,"./core/program.js":18,"./core/texture.js":20,"./gradient.js":21}],15:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -6095,7 +6799,7 @@ function deleteBuffer(gl, buffer) {
   gl.deleteBuffer(buffer.buffer || buffer);
 }
 
-},{}],15:[function(require,module,exports){
+},{}],16:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -6133,7 +6837,7 @@ var mapSize = function mapSize(type) {
 
 exports.mapSize = mapSize;
 
-},{}],16:[function(require,module,exports){
+},{}],17:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -6176,7 +6880,7 @@ var mapType = function mapType(gl, type) {
 
 exports.mapType = mapType;
 
-},{}],17:[function(require,module,exports){
+},{}],18:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -6312,7 +7016,7 @@ function getUniformLocation(gl, program, name) {
   return gl.getUniformLocation(program, name);
 }
 
-},{"./mapSize.js":15,"./mapType.js":16,"./shader.js":18}],18:[function(require,module,exports){
+},{"./mapSize.js":16,"./mapType.js":17,"./shader.js":19}],19:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -6333,7 +7037,7 @@ function createShader(gl, type, src) {
   return shader;
 }
 
-},{}],19:[function(require,module,exports){
+},{}],20:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -6399,7 +7103,7 @@ function deleteTexture(gl, texture) {
   return gl.deleteTexture(texture);
 }
 
-},{}],20:[function(require,module,exports){
+},{}],21:[function(require,module,exports){
 "use strict";
 
 Object.defineProperty(exports, "__esModule", {
@@ -6472,9 +7176,13 @@ var WebglGradient = /*#__PURE__*/function () {
     key: "toImageData",
     value: function toImageData(control, bounds) {
       var points = arguments.length > 2 && arguments[2] !== undefined ? arguments[2] : null;
+      // 缓存基于渐变参数（不含 bounds，因为同一个渐变只是位置不同时纹理相同）
+      var gradientKey = this.toString();
+
+      if (this.__cachedData && this.__cacheKey === gradientKey && this.__cachedData.data && this.__cachedData.data.width === Math.ceil(bounds.width) && this.__cachedData.data.data && this.__cachedData.data.data.height === Math.ceil(bounds.height)) {
+        return this.__cachedData;
+      }
 
-      //const key = this.key || this.toString();
-      //if(WebglGradientTextureCache[key]) return WebglGradientTextureCache[key];
       if (!control.textureContext) {
         return null;
       }
@@ -6491,9 +7199,17 @@ var WebglGradient = /*#__PURE__*/function () {
         var c = control.graph.utils.toColor(s.color);
         gradient && gradient.addColorStop(s.offset, c);
       });
-      var data = control.toFillTexture(gradient, bounds, points); //WebglGradientTextureCache[key] = data;
-
+      var data = control.toFillTexture(gradient, bounds, points);
+      this.__cachedData = data;
+      this.__cacheKey = gradientKey;
       return data;
+    } // 当渐变参数变化时使缓存失效
+
+  }, {
+    key: "invalidateCache",
+    value: function invalidateCache() {
+      this.__cachedData = null;
+      this.__cacheKey = null;
     } // 根据绘制图形的坐标计算出对应点的颜色
 
     /*
@@ -6595,7 +7311,7 @@ var WebglGradient = /*#__PURE__*/function () {
 var _default = WebglGradient;
 exports["default"] = _default;
 
-},{}],21:[function(require,module,exports){
+},{}],22:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -6617,7 +7333,15 @@ function _iterableToArray(iter) { if (typeof Symbol !== "undefined" && iter[Symb
 
 function _arrayWithoutHoles(arr) { if (Array.isArray(arr)) return _arrayLikeToArray(arr); }
 
-function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); }
+
+function _iterableToArrayLimit(arr, i) { var _i = arr == null ? null : typeof Symbol !== "undefined" && arr[Symbol.iterator] || arr["@@iterator"]; if (_i == null) return; var _arr = []; var _n = true; var _d = false; var _s, _e; try { for (_i = _i.call(arr); !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e2) { throw _e2; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e3) { didErr = true; err = _e3; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
 function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
@@ -6663,12 +7387,66 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
     _this.isRegular = option.isRegular || false;
     _this.needCut = option.needCut || false;
     _this.control = option.control;
-    _this.points = [];
+    _this.points = []; // 缓存 buffer 和纹理，避免每帧创建/销毁
+
+    _this.__cachedBuffers = [];
+    _this.__cachedTexture = null;
+    _this.__cachedTextureKey = null;
     return _this;
-  } // 应用变换到点
+  } // 释放缓存的 WebGL 资源
 
 
   _createClass(WebglPath, [{
+    key: "dispose",
+    value: function dispose() {
+      var _iterator = _createForOfIteratorHelper(this.__cachedBuffers),
+          _step;
+
+      try {
+        for (_iterator.s(); !(_step = _iterator.n()).done;) {
+          var buf = _step.value;
+          this.deleteBuffer(buf);
+        }
+      } catch (err) {
+        _iterator.e(err);
+      } finally {
+        _iterator.f();
+      }
+
+      this.__cachedBuffers = [];
+
+      if (this.__cachedTexture) {
+        this.deleteTexture(this.__cachedTexture);
+        this.__cachedTexture = null;
+        this.__cachedTextureKey = null;
+      }
+    } // 获取或创建 buffer，优先复用缓存
+
+  }, {
+    key: "getOrCreateBuffer",
+    value: function getOrCreateBuffer(data, attr) {
+      var buffer = this.__cachedBuffers.find(function (b) {
+        return b.attr === attr;
+      });
+
+      if (buffer) {
+        var gl = this.context;
+        var float32 = new Float32Array(data);
+        gl.bindBuffer(gl.ARRAY_BUFFER, buffer.buffer);
+        gl.bufferData(gl.ARRAY_BUFFER, float32, gl.DYNAMIC_DRAW);
+        buffer.data = data;
+        return buffer;
+      }
+
+      buffer = this.createFloat32Buffer(data);
+      buffer.attr = attr;
+
+      this.__cachedBuffers.push(buffer);
+
+      return buffer;
+    } // 应用变换到点
+
+  }, {
     key: "applyTransform",
     value: function applyTransform(point) {
       return _get(_getPrototypeOf(WebglPath.prototype), "applyTransform", this).call(this, point);
@@ -6694,20 +7472,20 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
 
       var colorData = [];
 
-      var _iterator = _createForOfIteratorHelper(color),
-          _step;
+      var _iterator2 = _createForOfIteratorHelper(color),
+          _step2;
 
       try {
-        for (_iterator.s(); !(_step = _iterator.n()).done;) {
-          var c = _step.value;
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var c = _step2.value;
           c = this.convertColor(c);
           if (typeof c.a === 'undefined') c.a = 1;
           colorData.push(c.r, c.g, c.b, c.a * this.style.globalAlpha);
         }
       } catch (err) {
-        _iterator.e(err);
+        _iterator2.e(err);
       } finally {
-        _iterator.f();
+        _iterator2.f();
       }
 
       var colorBuffer = this.createFloat32Buffer(colorData);
@@ -6733,7 +7511,7 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
     key: "endDraw",
     value: function endDraw() {
       if (this.points) delete this.points;
-      if (this.pathPoints) delete this.pathPoints;
+      if (this.pathPoints) delete this.pathPoints; // 缓存的纹理保留到下次绘制（渐变可能不变）
     } // 图形封闭
 
   }, {
@@ -6744,7 +7522,7 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
         var end = this.points[this.points.length - 1];
         if (start != end && !(start.x === end.x && start.y === end.y)) this.points.push(start);
       }
-    } // 绘制点数组
+    } // 绘制点数组（使用 DYNAMIC_DRAW 复用 buffer，避免每帧 create/delete）
 
   }, {
     key: "writePoints",
@@ -6752,25 +7530,64 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
       var attr = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : this.program.attrs.a_position;
       var fixedPoints = [];
 
-      var _iterator2 = _createForOfIteratorHelper(points),
-          _step2;
+      var _this$transformMatrix = _slicedToArray(this.transformMatrix, 6),
+          a = _this$transformMatrix[0],
+          b = _this$transformMatrix[1],
+          c = _this$transformMatrix[2],
+          d = _this$transformMatrix[3],
+          tx = _this$transformMatrix[4],
+          ty = _this$transformMatrix[5];
 
-      try {
-        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
-          var p = _step2.value;
-          // 应用变换矩阵
-          var transformedPoint = this.applyTransform(p);
-          fixedPoints.push(transformedPoint.x + this.parentAbsoluteBounds.left, transformedPoint.y + this.parentAbsoluteBounds.top);
+      var isIdentity = a === 1 && b === 0 && c === 0 && d === 1 && tx === 0 && ty === 0;
+      var offsetLeft = this.parentAbsoluteBounds.left;
+      var offsetTop = this.parentAbsoluteBounds.top;
+
+      if (isIdentity) {
+        // 单位矩阵时直接加偏移，避免逐点调用 applyTransform
+        for (var i = 0; i < points.length; i++) {
+          fixedPoints.push(points[i].x + offsetLeft, points[i].y + offsetTop);
+        }
+      } else {
+        var _iterator3 = _createForOfIteratorHelper(points),
+            _step3;
+
+        try {
+          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
+            var p = _step3.value;
+            var transformedPoint = this.applyTransform(p);
+            fixedPoints.push(transformedPoint.x + offsetLeft, transformedPoint.y + offsetTop);
+          }
+        } catch (err) {
+          _iterator3.e(err);
+        } finally {
+          _iterator3.f();
+        }
+      }
+
+      var float32 = new Float32Array(fixedPoints);
+      var gl = this.context; // 复用已有 buffer 或创建新的
+
+      if (this.__cachedBuffers.length > 0) {
+        // 找一个同 attr 的 buffer 复用
+        var buffer = this.__cachedBuffers.find(function (b) {
+          return b.attr === attr;
+        });
+
+        if (buffer) {
+          gl.bindBuffer(gl.ARRAY_BUFFER, buffer.buffer);
+          gl.bufferData(gl.ARRAY_BUFFER, float32, gl.DYNAMIC_DRAW);
+          buffer.data = fixedPoints;
+          this.writeVertexAttrib(buffer, attr, 2, 0, 0);
+          return buffer;
         }
-      } catch (err) {
-        _iterator2.e(err);
-      } finally {
-        _iterator2.f();
       }
 
-      var vertexBuffer = this.createFloat32Buffer(fixedPoints);
+      var vertexBuffer = this.createFloat32Buffer(float32, gl.ARRAY_BUFFER, gl.DYNAMIC_DRAW);
       this.writeVertexAttrib(vertexBuffer, attr, 2, 0, 0);
       vertexBuffer.attr = attr;
+
+      this.__cachedBuffers.push(vertexBuffer);
+
       return vertexBuffer;
     } // 连接二个点
 
@@ -7083,27 +7900,29 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
   }, {
     key: "getTriangles",
     value: function getTriangles(points) {
-      this.trianglesCache = this.trianglesCache || (this.trianglesCache = {});
-      var key = JSON.stringify(points);
+      this.trianglesCache = this.trianglesCache || (this.trianglesCache = {}); // 快速缓存 key：用长度和首尾点坐标（比 JSON.stringify 快几个数量级）
+
+      var len = points.length;
+      var key = len + '_' + points[0].x + '_' + points[0].y + '_' + points[len - 1].x + '_' + points[len - 1].y;
       if (this.trianglesCache[key]) return this.trianglesCache[key];
       var res = [];
       var polygons = this.getPolygon(points);
 
       if (polygons.length) {
-        var _iterator3 = _createForOfIteratorHelper(polygons),
-            _step3;
+        var _iterator4 = _createForOfIteratorHelper(polygons),
+            _step4;
 
         try {
-          for (_iterator3.s(); !(_step3 = _iterator3.n()).done;) {
-            var polygon = _step3.value;
+          for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
+            var polygon = _step4.value;
             // 需要分割三角形，不然填充会有问题
             var triangles = this.earCutPointsToTriangles(polygon);
             res.push.apply(res, _toConsumableArray(triangles));
           }
         } catch (err) {
-          _iterator3.e(err);
+          _iterator4.e(err);
         } finally {
-          _iterator3.f();
+          _iterator4.f();
         }
       }
 
@@ -7140,12 +7959,10 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
         var regular = lineWidth <= 1.2;
         points = regular ? points : this.pathToPoints(points);
         var buffer = this.writePoints(points);
-        this.context.drawArrays(regular ? this.context.LINE_LOOP : this.context.POINTS, 0, points.length);
-        this.deleteBuffer(buffer);
+        this.context.drawArrays(regular ? this.context.LINE_LOOP : this.context.POINTS, 0, points.length); // buffer 由 endDraw 统一清理
       }
 
-      colorBuffer && this.deleteBuffer(colorBuffer);
-      colorBuffer && this.disableVertexAttribArray(colorBuffer.attr);
+      colorBuffer && this.disableVertexAttribArray(colorBuffer && colorBuffer.attr);
     } // 填充图形
 
   }, {
@@ -7185,8 +8002,7 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
       this.context.uniform1i(this.program.uniforms.a_type.location, type);
       var colorBuffer = this.setFragColor(color);
       this.fillPolygons(points);
-      colorBuffer && this.deleteBuffer(colorBuffer);
-      colorBuffer && this.disableVertexAttribArray(colorBuffer.attr);
+      colorBuffer && this.disableVertexAttribArray(colorBuffer && colorBuffer.attr);
     } // 区域填充图片
     // points绘制的图形顶点
     // 图片整体绘制区域
@@ -7194,16 +8010,39 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
   }, {
     key: "fillImage",
     value: function fillImage(img, points, bounds) {
-      if (!img) return; // 设置纹理
+      if (!img) return; // 对于 ImageData，生成缓存 key（基于渐变参数或 bounds），复用纹理
+
+      var texture = null;
+
+      if (img instanceof ImageData) {
+        var key = "".concat(img.width, "_").concat(img.height, "_").concat(bounds.width, "_").concat(bounds.height, "_").concat(bounds.left, "_").concat(bounds.top);
+
+        if (this.__cachedTexture && this.__cachedTextureKey === key) {
+          texture = this.__cachedTexture;
+        } else {
+          texture = this.createDataTexture(img); // 释放旧纹理
+
+          if (this.__cachedTexture) {
+            this.deleteTexture(this.__cachedTexture);
+          }
+
+          this.__cachedTexture = texture;
+          this.__cachedTextureKey = key;
+        }
+      } else {
+        texture = this.createImgTexture(img);
+      }
 
-      var texture = img instanceof ImageData ? this.createDataTexture(img) : this.createImgTexture(img);
       this.context.uniform1i(this.program.uniforms.u_sample.location, 0); // 纹理单元传递给着色器
       // 指定纹理区域尺寸
 
       this.context.uniform4f(this.program.uniforms.v_texture_bounds.location, bounds.left + this.parentAbsoluteBounds.left, bounds.top + this.parentAbsoluteBounds.top, bounds.width, bounds.height); // 纹理单元传递给着色器
 
-      this.fillTexture(points);
-      this.deleteTexture(texture);
+      this.fillTexture(points); // 仅对非缓存纹理（非 ImageData）立即删除
+
+      if (!(img instanceof ImageData)) {
+        this.deleteTexture(texture);
+      }
     }
   }, {
     key: "fillTexture",
@@ -7222,34 +8061,104 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
   }, {
     key: "fillPolygons",
     value: function fillPolygons(points) {
+      var _this2 = this;
+
       var isTexture = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : false;
 
-      if (points.length > 3) {
-        var triangles = this.needCut ? this.earCutPointsToTriangles(points) : this.getTriangles(points);
+      if (points.length <= 3) {
+        // 3个点以下的三角形直接画
+        var buffer = this.writePoints(points);
+        var coordBuffer = isTexture ? this.writePoints(points, this.program.attrs.a_text_coord) : null;
+        this.context.drawArrays(this.context.TRIANGLE_FAN, 0, points.length);
+        return;
+      } // 规则图形（凸多边形，如圆）：直接用 TRIANGLE_FAN 一次性绘制，无需 earcut
+
+
+      if (this.isRegular) {
+        var _buffer = this.writePoints(points);
+
+        var _coordBuffer = isTexture ? this.writePoints(points, this.program.attrs.a_text_coord) : null;
 
-        if (triangles.length) {
-          var _iterator4 = _createForOfIteratorHelper(triangles),
-              _step4;
+        this.context.drawArrays(this.context.TRIANGLE_FAN, 0, points.length);
+        return;
+      } // 不规则图形：需要 earcut 三角化后，合并为一个大的顶点缓冲区，单次 drawArrays
+
+
+      var triangles = this.needCut ? this.earCutPointsToTriangles(points) : this.getTriangles(points);
+      if (!triangles.length) return; // 合并所有三角形的顶点到一个数组
+
+      var allVertices = [];
+      var allTexCoords = [];
+
+      var _iterator5 = _createForOfIteratorHelper(triangles),
+          _step5;
+
+      try {
+        for (_iterator5.s(); !(_step5 = _iterator5.n()).done;) {
+          var triangle = _step5.value;
+
+          var _iterator6 = _createForOfIteratorHelper(triangle),
+              _step6;
 
           try {
-            for (_iterator4.s(); !(_step4 = _iterator4.n()).done;) {
-              var triangle = _step4.value;
-              this.fillPolygons(triangle, isTexture); // 这里就变成了规则的图形了
+            for (_iterator6.s(); !(_step6 = _iterator6.n()).done;) {
+              var p = _step6.value;
+              allVertices.push(p.x, p.y);
+              if (isTexture) allTexCoords.push(p.x, p.y);
             }
           } catch (err) {
-            _iterator4.e(err);
+            _iterator6.e(err);
           } finally {
-            _iterator4.f();
+            _iterator6.f();
           }
-        }
+        } // 一次性上传所有数据并绘制
+
+      } catch (err) {
+        _iterator5.e(err);
+      } finally {
+        _iterator5.f();
+      }
+
+      var vertexData = new Float32Array(allVertices);
+      var gl = this.context; // 复用或创建 position buffer
+
+      var posBuffer = this.__cachedBuffers.find(function (b) {
+        return b.attr === _this2.program.attrs.a_position;
+      });
+
+      if (!posBuffer) {
+        posBuffer = this.createFloat32Buffer(vertexData, gl.ARRAY_BUFFER, gl.DYNAMIC_DRAW);
+        posBuffer.attr = this.program.attrs.a_position;
+
+        this.__cachedBuffers.push(posBuffer);
       } else {
-        var buffer = this.writePoints(points); // 纹理坐标
+        gl.bindBuffer(gl.ARRAY_BUFFER, posBuffer.buffer);
+        gl.bufferData(gl.ARRAY_BUFFER, vertexData, gl.DYNAMIC_DRAW);
+      }
 
-        var coordBuffer = isTexture ? this.writePoints(points, this.program.attrs.a_text_coord) : null;
-        this.context.drawArrays(this.context.TRIANGLE_FAN, 0, points.length);
-        this.deleteBuffer(buffer);
-        coordBuffer && this.deleteBuffer(coordBuffer);
+      this.writeVertexAttrib(posBuffer, this.program.attrs.a_position, 2, 0, 0);
+
+      if (isTexture && allTexCoords.length) {
+        var texData = new Float32Array(allTexCoords);
+
+        var texBuffer = this.__cachedBuffers.find(function (b) {
+          return b.attr === _this2.program.attrs.a_text_coord;
+        });
+
+        if (!texBuffer) {
+          texBuffer = this.createFloat32Buffer(texData, gl.ARRAY_BUFFER, gl.DYNAMIC_DRAW);
+          texBuffer.attr = this.program.attrs.a_text_coord;
+
+          this.__cachedBuffers.push(texBuffer);
+        } else {
+          gl.bindBuffer(gl.ARRAY_BUFFER, texBuffer.buffer);
+          gl.bufferData(gl.ARRAY_BUFFER, texData, gl.DYNAMIC_DRAW);
+        }
+
+        this.writeVertexAttrib(texBuffer, this.program.attrs.a_text_coord, 2, 0, 0);
       }
+
+      gl.drawArrays(gl.TRIANGLES, 0, allVertices.length / 2);
     } // 填充图形
 
   }, {
@@ -7319,7 +8228,7 @@ var WebglPath = /*#__PURE__*/function (_WebglBase) {
 var _default = WebglPath;
 exports["default"] = _default;
 
-},{"./base.js":13}],22:[function(require,module,exports){
+},{"./base.js":14}],23:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -7526,7 +8435,7 @@ var jmArc = /*#__PURE__*/function (_jmPath) {
 
 exports.jmArc = exports["default"] = jmArc;
 
-},{"../core/jmPath.js":8}],23:[function(require,module,exports){
+},{"../core/jmPath.js":9}],24:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -7750,7 +8659,7 @@ var jmArrow = /*#__PURE__*/function (_jmPath) {
 
 exports.jmArrow = exports["default"] = jmArrow;
 
-},{"../core/jmPath.js":8,"../core/jmUtils.js":11}],24:[function(require,module,exports){
+},{"../core/jmPath.js":9,"../core/jmUtils.js":12}],25:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -7844,7 +8753,7 @@ var jmArrowLine = /*#__PURE__*/function (_jmLine) {
 
 exports.jmArrowLine = exports["default"] = jmArrowLine;
 
-},{"./jmArrow.js":23,"./jmLine.js":30}],25:[function(require,module,exports){
+},{"./jmArrow.js":24,"./jmLine.js":32}],26:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -8016,7 +8925,7 @@ var jmBezier = /*#__PURE__*/function (_jmPath) {
 
 exports.jmBezier = exports["default"] = jmBezier;
 
-},{"../core/jmPath.js":8}],26:[function(require,module,exports){
+},{"../core/jmPath.js":9}],27:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -8146,7 +9055,157 @@ var jmCircle = /*#__PURE__*/function (_jmArc) {
 
 exports.jmCircle = exports["default"] = jmCircle;
 
-},{"./jmArc.js":22}],27:[function(require,module,exports){
+},{"./jmArc.js":23}],28:[function(require,module,exports){
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.jmEllipse = exports["default"] = void 0;
+
+var _jmArc2 = require("./jmArc.js");
+
+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 _get(target, property, receiver) { if (typeof Reflect !== "undefined" && Reflect.get) { _get = Reflect.get; } else { _get = function _get(target, property, receiver) { var base = _superPropBase(target, property); if (!base) return; var desc = Object.getOwnPropertyDescriptor(base, property); if (desc.get) { return desc.get.call(receiver); } return desc.value; }; } return _get(target, property, receiver || target); }
+
+function _superPropBase(object, property) { while (!Object.prototype.hasOwnProperty.call(object, property)) { object = _getPrototypeOf(object); if (object === null) break; } return object; }
+
+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); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/**
+ * 画椭圆
+ * 椭圆是通过缩放圆形来实现的，支持完整的椭圆和椭圆弧
+ * 可以指定起始角度和结束角度来绘制椭圆弧
+ *
+ * @class jmEllipse
+ * @extends jmArc
+ * @param {object} params 椭圆的参数
+ * @param {object} [params.center={x:0,y:0}] 椭圆中心点坐标
+ * @param {number} [params.width=100] 椭圆宽度（长轴直径）
+ * @param {number} [params.height=60] 椭圆高度（短轴直径）
+ * @param {number} [params.startAngle=0] 起始角度（弧度）
+ * @param {number} [params.endAngle=Math.PI*2] 结束角度（弧度）
+ * @param {boolean} [params.anticlockwise=false] 是否逆时针绘制
+ */
+var jmEllipse = /*#__PURE__*/function (_jmArc) {
+  _inherits(jmEllipse, _jmArc);
+
+  var _super = _createSuper(jmEllipse);
+
+  function jmEllipse(params) {
+    var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'jmEllipse';
+
+    _classCallCheck(this, jmEllipse);
+
+    params = params || {};
+    params.isRegular = true; // 标记为规则图形
+
+    return _super.call(this, params, t);
+  }
+  /**
+   * 初始化图形点
+   * 为WebGL模式生成控制点，2D模式使用draw方法直接绘制
+   * 
+   * @method initPoints
+   * @private
+   * @for jmEllipse
+   */
+
+
+  _createClass(jmEllipse, [{
+    key: "initPoints",
+    value: function initPoints() {
+      // WebGL模式使用父类的点生成方法
+      if (this.graph.mode === 'webgl') {
+        return _get(_getPrototypeOf(jmEllipse.prototype), "initPoints", this).call(this);
+      } // 2D模式：生成4个控制点用于边界计算
+      // 这些点不是实际的绘制点，而是用于碰撞检测和边界计算
+
+
+      var location = this.getLocation();
+      this.points = [];
+      this.points.push({
+        x: location.center.x - location.width / 2,
+        y: location.center.y
+      }); // 左
+
+      this.points.push({
+        x: location.center.x,
+        y: location.center.y - location.height / 2
+      }); // 上
+
+      this.points.push({
+        x: location.center.x + location.width / 2,
+        y: location.center.y
+      }); // 右
+
+      this.points.push({
+        x: location.center.x,
+        y: location.center.y + location.height / 2
+      }); // 下
+    }
+    /**
+     * 重写基类画图，此处为画一个椭圆
+     * 使用Canvas的变换功能（平移和缩放）来绘制椭圆
+     * 
+     * @method draw
+     */
+
+  }, {
+    key: "draw",
+    value: function draw() {
+      // WebGL模式使用父类的绘制方法
+      if (this.graph.mode === 'webgl') {
+        return _get(_getPrototypeOf(jmEllipse.prototype), "draw", this).call(this);
+      } // 获取边界和位置信息
+
+
+      var bounds = this.parent && this.parent.absoluteBounds ? this.parent.absoluteBounds : this.absoluteBounds;
+      var location = this.getLocation(); // 获取椭圆弧参数
+
+      var start = this.startAngle || 0;
+      var end = this.endAngle || Math.PI * 2;
+      var anticlockwise = this.anticlockwise || false; // 椭圆绘制：通过变换圆形来实现
+      // 1. 保存当前绘图状态
+
+      this.context.save(); // 2. 平移到椭圆中心
+
+      this.context.translate(location.center.x + bounds.left, location.center.y + bounds.top); // 3. 缩放坐标系，使圆形变为椭圆
+      // 将X轴缩放width/2，Y轴缩放height/2，这样单位圆就变成了椭圆
+
+      this.context.scale(location.width / 2, location.height / 2); // 4. 绘制单位圆（会被缩放成椭圆）
+
+      this.context.arc(0, 0, 1, start, end, anticlockwise); // 5. 恢复绘图状态
+
+      this.context.restore();
+    }
+  }]);
+
+  return jmEllipse;
+}(_jmArc2.jmArc);
+
+exports.jmEllipse = exports["default"] = jmEllipse;
+
+},{"./jmArc.js":23}],29:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -8306,7 +9365,7 @@ var jmHArc = /*#__PURE__*/function (_jmArc) {
 
 exports.jmHArc = exports["default"] = jmHArc;
 
-},{"./jmArc.js":22}],28:[function(require,module,exports){
+},{"./jmArc.js":23}],30:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -8608,7 +9667,7 @@ var jmImage = /*#__PURE__*/function (_jmControl) {
 
 exports.jmImage = exports["default"] = jmImage;
 
-},{"../core/jmControl.js":2}],29:[function(require,module,exports){
+},{"../core/jmControl.js":2}],31:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -8620,11 +9679,11 @@ exports.jmLabel = exports["default"] = void 0;
 
 var _jmControl2 = require("../core/jmControl.js");
 
-function ownKeys(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); if (enumerableOnly) { symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; }); } keys.push.apply(keys, symbols); } return keys; }
+function _createForOfIteratorHelper(o, allowArrayLike) { var it = typeof Symbol !== "undefined" && o[Symbol.iterator] || o["@@iterator"]; if (!it) { if (Array.isArray(o) || (it = _unsupportedIterableToArray(o)) || allowArrayLike && o && typeof o.length === "number") { if (it) o = it; var i = 0; var F = function F() {}; return { s: F, n: function n() { if (i >= o.length) return { done: true }; return { done: false, value: o[i++] }; }, e: function e(_e) { throw _e; }, f: F }; } throw new TypeError("Invalid attempt to iterate non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method."); } var normalCompletion = true, didErr = false, err; return { s: function s() { it = it.call(o); }, n: function n() { var step = it.next(); normalCompletion = step.done; return step; }, e: function e(_e2) { didErr = true; err = _e2; }, f: function f() { try { if (!normalCompletion && it["return"] != null) it["return"](); } finally { if (didErr) throw err; } } }; }
 
-function _objectSpread(target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i] != null ? arguments[i] : {}; if (i % 2) { ownKeys(Object(source), true).forEach(function (key) { _defineProperty(target, key, source[key]); }); } else if (Object.getOwnPropertyDescriptors) { Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)); } else { ownKeys(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } } return target; }
+function _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
 
-function _defineProperty(obj, key, value) { if (key in obj) { Object.defineProperty(obj, key, { value: value, enumerable: true, configurable: true, writable: true }); } else { obj[key] = value; } return obj; }
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; 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"); } }
 
@@ -8679,7 +9738,7 @@ var jmLabel = /*#__PURE__*/function (_jmControl) {
     _this.style.textAlign = _this.style.textAlign || 'left'; //文字垂直对齐
 
     _this.style.textBaseline = _this.style.textBaseline || 'middle';
-    _this.text = params.text || '';
+    _this.text = params.text || params.value || '';
     _this.center = params.center || null;
     return _this;
   }
@@ -8786,32 +9845,145 @@ var jmLabel = /*#__PURE__*/function (_jmControl) {
     }
     /**
      * 测试获取文本所占大小
-     *
+     * 计算文本渲染所需的宽度和高度，支持自动换行
+     * 
      * @method testSize
-     * @return {object} 含文本大小的对象
+     * @return {object} 含文本大小的对象 {width, height}
      */
 
   }, {
     key: "testSize",
     value: function testSize() {
+      // 使用缓存提高性能，避免重复计算
       if (this.__size) return this.__size;
-      if (this.webglControl) this.__size = this.webglControl.testSize(this.text, this.style);else {
-        this.context.save && this.context.save(); // 修改字体，用来计算
+
+      if (this.webglControl) {
+        this.__size = this.webglControl.testSize(this.text, this.style);
+      } else {
+        this.context.save && this.context.save(); // 设置字体样式用于测量
 
         this.setStyle({
           font: this.style.font || this.style.fontSize + 'px ' + this.style.fontFamily
-        }); //计算宽度
+        }); // 计算文本尺寸
+
+        if (this.style.maxWidth && this.text) {
+          // 文本换行处理
+          var lines = this.wrapText(this.text, this.style.maxWidth);
+          var maxWidth = 0; // 找出最宽的一行
+
+          var _iterator = _createForOfIteratorHelper(lines),
+              _step;
+
+          try {
+            for (_iterator.s(); !(_step = _iterator.n()).done;) {
+              var line = _step.value;
+              var width = this.context.measureText(line).width;
+              if (width > maxWidth) maxWidth = width;
+            } // 计算总高度（行数 × 行高）
+
+          } catch (err) {
+            _iterator.e(err);
+          } finally {
+            _iterator.f();
+          }
+
+          var lineHeight = this.style.lineHeight || this.style.fontSize * 1.2;
+          this.__size = {
+            width: maxWidth,
+            height: lineHeight * lines.length
+          };
+        } else {
+          // 单行文本
+          this.__size = this.context.measureText ? this.context.measureText(this.text) : {
+            width: 15
+          };
+          this.__size.height = this.style.fontSize ? this.style.fontSize : 15;
+        }
 
-        this.__size = this.context.measureText ? this.context.measureText(this.text) : {
-          width: 15
-        };
         this.context.restore && this.context.restore();
-        this.__size.height = this.style.fontSize ? this.style.fontSize : 15;
-      }
+      } // 设置默认宽高
+
+
       if (!this.width) this.width = this.__size.width;
       if (!this.height) this.height = this.__size.height;
       return this.__size;
     }
+    /**
+     * 文本换行处理
+     * 根据最大宽度将文本分割成多行
+     * 支持中英文混合文本，优先在空格处换行
+     * 
+     * @method wrapText
+     * @param {string} text 文本内容
+     * @param {number} maxWidth 最大宽度（像素）
+     * @return {array} 换行后的文本数组
+     */
+
+  }, {
+    key: "wrapText",
+    value: function wrapText(text, maxWidth) {
+      // 参数验证
+      if (!text || !maxWidth) return [text || '']; // 检查缓存，避免重复计算
+
+      var cacheKey = "".concat(text, "_").concat(maxWidth);
+
+      if (this.__wrapTextCache && this.__wrapTextCache.key === cacheKey) {
+        return this.__wrapTextCache.lines;
+      }
+
+      var lines = []; // 先按换行符分割
+
+      var paragraphs = text.split('\n');
+
+      var _iterator2 = _createForOfIteratorHelper(paragraphs),
+          _step2;
+
+      try {
+        for (_iterator2.s(); !(_step2 = _iterator2.n()).done;) {
+          var paragraph = _step2.value;
+
+          // 如果段落为空，添加空行
+          if (!paragraph) {
+            lines.push('');
+            continue;
+          } // 按空格分割单词
+
+
+          var words = paragraph.split(' ');
+          var currentLine = words[0];
+
+          for (var i = 1; i < words.length; i++) {
+            var word = words[i];
+            var testLine = currentLine + ' ' + word;
+            var metrics = this.context.measureText(testLine);
+            var testWidth = metrics.width;
+
+            if (testWidth <= maxWidth) {
+              // 当前行还能容纳这个单词
+              currentLine = testLine;
+            } else {
+              // 当前行已满，保存当前行并开始新行
+              if (currentLine) lines.push(currentLine);
+              currentLine = word;
+            }
+          } // 添加最后一行
+
+
+          if (currentLine) lines.push(currentLine);
+        } // 缓存结果
+
+      } catch (err) {
+        _iterator2.e(err);
+      } finally {
+        _iterator2.f();
+      }
+
+      this.__wrapTextCache = {
+        key: cacheKey,
+        lines: lines
+      };
+      return lines;
+    }
     /**
      * 根据位置偏移画字符串
      * 
@@ -8868,78 +10040,36 @@ var jmLabel = /*#__PURE__*/function (_jmControl) {
           this.webglControl.drawText(txt, x, y, location);
         } else if (this.style.fill && this.context.fillText) {
           if (this.style.maxWidth) {
-            this.context.fillText(txt, x, y, this.style.maxWidth);
+            // 绘制换行文本
+            var lines = this.wrapText(txt, this.style.maxWidth);
+            var lineHeight = this.style.fontSize; // 调整起始Y位置以支持垂直对齐
+
+            var startY = y - (lines.length - 1) * lineHeight / 2;
+
+            for (var i = 0; i < lines.length; i++) {
+              var lineY = startY + i * lineHeight;
+              this.context.fillText(lines[i], x, lineY);
+            }
           } else {
             this.context.fillText(txt, x, y);
           }
         } else if (this.context.strokeText) {
           if (this.style.maxWidth) {
-            this.context.strokeText(txt, x, y, this.style.maxWidth);
-          } else {
-            this.context.strokeText(txt, x, y);
-          }
-        }
-      } //如果有指定边框，则画出边框
-
-
-      if (this.style.border) {
-        //如果指定了边框样式
-        if (this.style.border.style) {
-          this.context.save && this.context.save();
-          this.setStyle(this.style.border.style);
-        }
-
-        if (this.mode === '2d') {
-          this.context.moveTo(this.points[0].x + bounds.left, this.points[0].y + bounds.top);
-
-          if (this.style.border.top) {
-            this.context.lineTo(this.points[1].x + bounds.left, this.points[1].y + bounds.top);
-          }
-
-          if (this.style.border.right) {
-            this.context.moveTo(this.points[1].x + bounds.left, this.points[1].y + bounds.top);
-            this.context.lineTo(this.points[2].x + bounds.left, this.points[2].y + bounds.top);
-          }
-
-          if (this.style.border.bottom) {
-            this.context.moveTo(this.points[2].x + bounds.left, this.points[2].y + bounds.top);
-            this.context.lineTo(this.points[3].x + bounds.left, this.points[3].y + bounds.top);
-          }
-
-          if (this.style.border.left) {
-            this.context.moveTo(this.points[3].x + bounds.left, this.points[3].y + bounds.top);
-            this.context.lineTo(this.points[0].x + bounds.left, this.points[0].y + bounds.top);
-          }
-        } else {
-          var points = [];
+            // 绘制换行文本
+            var _lines = this.wrapText(txt, this.style.maxWidth);
 
-          if (this.style.border.top) {
-            points.push(this.points[0]);
-            points.push(this.points[1]);
-          }
+            var _lineHeight = this.style.fontSize; // 调整起始Y位置以支持垂直对齐
 
-          if (this.style.border.right) {
-            points.push(_objectSpread(_objectSpread({}, this.points[1]), {}, {
-              m: true
-            }));
-            points.push(this.points[2]);
-          }
+            var _startY = y - (_lines.length - 1) * _lineHeight / 2;
 
-          if (this.style.border.bottom) {
-            points.push(_objectSpread(_objectSpread({}, this.points[2]), {}, {
-              m: true
-            }));
-            points.push(this.points[3]);
-          }
+            for (var _i = 0; _i < _lines.length; _i++) {
+              var _lineY = _startY + _i * _lineHeight;
 
-          if (this.style.border.left) {
-            points.push(_objectSpread(_objectSpread({}, this.points[3]), {}, {
-              m: true
-            }));
-            points.push(this.points[0]);
+              this.context.strokeText(_lines[_i], x, _lineY);
+            }
+          } else {
+            this.context.strokeText(txt, x, y);
           }
-
-          points.length && this.webglControl && this.webglControl.stroke(points);
         }
       }
     }
@@ -8957,7 +10087,7 @@ var jmLabel = /*#__PURE__*/function (_jmControl) {
 
 exports.jmLabel = exports["default"] = jmLabel;
 
-},{"../core/jmControl.js":2}],30:[function(require,module,exports){
+},{"../core/jmControl.js":2}],32:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -9112,7 +10242,7 @@ var jmLine = /*#__PURE__*/function (_jmPath) {
 
 exports.jmLine = exports["default"] = jmLine;
 
-},{"../core/jmPath.js":8}],31:[function(require,module,exports){
+},{"../core/jmPath.js":9}],33:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -9120,7 +10250,7 @@ function _typeof(obj) { "@babel/helpers - typeof"; if (typeof Symbol === "functi
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
-exports.jmPrismatic = exports["default"] = void 0;
+exports.jmPolygon = exports["default"] = void 0;
 
 var _jmPath2 = require("../core/jmPath.js");
 
@@ -9144,12 +10274,208 @@ function _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Re
 
 function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
 
-/**
- * 画棱形
- *
- * @class jmPrismatic
- * @extends jmPath
- * @param {object} params 参数 center=棱形中心点，width=棱形宽,height=棱形高
+/**
+ * 画多边形
+ * 支持规则多边形（正多边形）和自定义多边形
+ * 规则多边形通过边数和半径自动计算顶点，自定义多边形通过顶点数组定义
+ *
+ * @class jmPolygon
+ * @extends jmPath
+ * @param {object} params 多边形的参数
+ * @param {array} [params.points] 自定义顶点数组，如果提供则忽略sides和radius
+ * @param {number} [params.sides=3] 多边形边数（3-100）
+ * @param {number} [params.radius=50] 多边形半径（像素）
+ * @param {object} [params.center={x:0,y:0}] 多边形中心点坐标
+ */
+var jmPolygon = /*#__PURE__*/function (_jmPath) {
+  _inherits(jmPolygon, _jmPath);
+
+  var _super = _createSuper(jmPolygon);
+
+  function jmPolygon(params) {
+    var _params$points;
+
+    var _this;
+
+    var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'jmPolygon';
+
+    _classCallCheck(this, jmPolygon);
+
+    params = params || {};
+    params.isRegular = true; // 标记为规则图形，便于优化渲染
+
+    _this = _super.call(this, params, t); // 参数验证和初始化
+
+    _this.sides = params.sides || ((_params$points = params.points) === null || _params$points === void 0 ? void 0 : _params$points.length) || 3;
+    _this.radius = params.radius || 50;
+    _this.center = params.center || {
+      x: 0,
+      y: 0
+    };
+    return _this;
+  }
+  /**
+   * 设定或获取多边形边数
+   * 边数决定了多边形的形状，最小为3（三角形）
+   * 
+   * @property sides
+   * @for jmPolygon
+   * @type {number}
+   */
+
+
+  _createClass(jmPolygon, [{
+    key: "sides",
+    get: function get() {
+      return this.property('sides');
+    },
+    set: function set(v) {
+      // 参数验证：边数必须在3-100之间
+      if (typeof v !== 'number' || isNaN(v) || v < 3) {
+        console.warn('jmPolygon: sides must be a number >= 3');
+        v = 3;
+      }
+
+      if (v > 100) {
+        console.warn('jmPolygon: sides should not exceed 100 for performance reasons');
+        v = 100;
+      }
+
+      this.needUpdate = true;
+      return this.property('sides', Math.floor(v)); // 确保是整数
+    }
+    /**
+     * 设定或获取多边形半径
+     * 半径是从中心点到顶点的距离
+     * 
+     * @property radius
+     * @for jmPolygon
+     * @type {number}
+     */
+
+  }, {
+    key: "radius",
+    get: function get() {
+      return this.property('radius');
+    },
+    set: function set(v) {
+      // 参数验证：半径必须为正数
+      if (typeof v !== 'number' || isNaN(v) || v <= 0) {
+        console.warn('jmPolygon: radius must be a positive number');
+        v = 1;
+      }
+
+      this.needUpdate = true;
+      return this.property('radius', v);
+    }
+    /**
+     * 设定或获取多边形中心
+     * 中心点是多边形的几何中心
+     * 
+     * @property center
+     * @for jmPolygon
+     * @type {object}
+     */
+
+  }, {
+    key: "center",
+    get: function get() {
+      return this.property('center');
+    },
+    set: function set(v) {
+      // 参数验证：中心点必须包含x和y属性
+      if (!v || typeof v.x !== 'number' || typeof v.y !== 'number') {
+        console.warn('jmPolygon: center must be an object with x and y properties');
+        v = {
+          x: 0,
+          y: 0
+        };
+      }
+
+      this.needUpdate = true;
+      return this.property('center', v);
+    }
+    /**
+     * 初始化图形点
+     * 如果提供了自定义顶点，则使用自定义顶点
+     * 否则根据边数和半径自动计算规则多边形的顶点
+     * 
+     * @method initPoints
+     * @private
+     * @for jmPolygon
+     */
+
+  }, {
+    key: "initPoints",
+    value: function initPoints() {
+      // 如果提供了自定义顶点，直接使用
+      if (this.points && this.points.length > 0) {
+        return;
+      } // 计算规则多边形的顶点
+
+
+      var points = [];
+      var sides = this.sides;
+      var radius = this.radius;
+      var center = this.center; // 从顶部开始绘制（-90度），顺时针方向
+
+      for (var i = 0; i < sides; i++) {
+        var angle = i / sides * Math.PI * 2 - Math.PI / 2;
+        var x = center.x + Math.cos(angle) * radius;
+        var y = center.y + Math.sin(angle) * radius;
+        points.push({
+          x: x,
+          y: y
+        });
+      }
+
+      this.points = points;
+    }
+  }]);
+
+  return jmPolygon;
+}(_jmPath2.jmPath);
+
+exports.jmPolygon = exports["default"] = jmPolygon;
+
+},{"../core/jmPath.js":9}],34:[function(require,module,exports){
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.jmPrismatic = exports["default"] = void 0;
+
+var _jmPath2 = require("../core/jmPath.js");
+
+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 _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); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/**
+ * 画棱形
+ *
+ * @class jmPrismatic
+ * @extends jmPath
+ * @param {object} params 参数 center=棱形中心点，width=棱形宽,height=棱形高
  */
 var jmPrismatic = /*#__PURE__*/function (_jmPath) {
   _inherits(jmPrismatic, _jmPath);
@@ -9232,11 +10558,9 @@ var jmPrismatic = /*#__PURE__*/function (_jmPath) {
 
 exports.jmPrismatic = exports["default"] = jmPrismatic;
 
-},{"../core/jmPath.js":8}],32:[function(require,module,exports){
+},{"../core/jmPath.js":9}],35:[function(require,module,exports){
 "use strict";
 
-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); }
-
 Object.defineProperty(exports, "__esModule", {
   value: true
 });
@@ -9248,6 +10572,8 @@ var _jmArc = require("./jmArc.js");
 
 var _jmLine = require("./jmLine.js");
 
+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 _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); } }
@@ -9274,6 +10600,7 @@ function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.g
  * @class jmRect
  * @extends jmPath
  * @param {object} params 参数 position=矩形左上角顶点坐标,width=宽，height=高,radius=边角弧度
+ *   radius支持数字(四角相同)或对象 { topLeft, topRight, bottomRight, bottomLeft }
  */
 var jmRect = /*#__PURE__*/function (_jmPath) {
   _inherits(jmRect, _jmPath);
@@ -9292,13 +10619,26 @@ var jmRect = /*#__PURE__*/function (_jmPath) {
 
     _this = _super.call(this, params, t);
     _this.style.close = true;
-    _this.radius = params.radius || _this.style.radius || 0;
+    var r = params.radius || _this.style.radius || _this.style.borderRadius || 0;
+
+    if (_typeof(r) === 'object' && r !== null) {
+      // 四角独立圆角
+      _this.radius = {
+        topLeft: Number(r.topLeft) || 0,
+        topRight: Number(r.topRight) || 0,
+        bottomRight: Number(r.bottomRight) || 0,
+        bottomLeft: Number(r.bottomLeft) || 0
+      };
+    } else {
+      _this.radius = r;
+    }
+
     return _this;
   }
   /**
-   * 圆角半径
+   * 圆角半径，支持数字或四角独立对象
    * @property radius
-   * @type {number}
+   * @type {number|object}
    */
 
 
@@ -9311,6 +10651,53 @@ var jmRect = /*#__PURE__*/function (_jmPath) {
       this.needUpdate = true;
       return this.property('radius', v);
     }
+    /**
+     * 获取规范化的圆角值（四角独立）
+     * @returns {object} { topLeft, topRight, bottomRight, bottomLeft }
+     */
+
+  }, {
+    key: "getNormalizedRadius",
+    value: function getNormalizedRadius() {
+      var r = this.radius;
+
+      if (typeof r === 'number') {
+        var v = Math.max(0, r);
+        return {
+          topLeft: v,
+          topRight: v,
+          bottomRight: v,
+          bottomLeft: v
+        };
+      }
+
+      if (_typeof(r) === 'object' && r !== null) {
+        return {
+          topLeft: Math.max(0, Number(r.topLeft) || 0),
+          topRight: Math.max(0, Number(r.topRight) || 0),
+          bottomRight: Math.max(0, Number(r.bottomRight) || 0),
+          bottomLeft: Math.max(0, Number(r.bottomLeft) || 0)
+        };
+      }
+
+      return {
+        topLeft: 0,
+        topRight: 0,
+        bottomRight: 0,
+        bottomLeft: 0
+      };
+    }
+    /**
+     * 检查是否有圆角
+     * @returns {boolean}
+     */
+
+  }, {
+    key: "hasRadius",
+    value: function hasRadius() {
+      var nr = this.getNormalizedRadius();
+      return nr.topLeft > 0 || nr.topRight > 0 || nr.bottomRight > 0 || nr.bottomLeft > 0;
+    }
     /**
      * 当前位置左上角
      * @property position
@@ -9373,7 +10760,7 @@ var jmRect = /*#__PURE__*/function (_jmPath) {
 
     /**
      * 初始化图形点
-     * 如果有边角弧度则类型圆绝计算其描点
+     * 支持四角独立圆角，借助圆弧对象计算描点
      * 
      * @method initPoints
      * @private
@@ -9404,55 +10791,93 @@ var jmRect = /*#__PURE__*/function (_jmPath) {
         this.dottedLine = this.graph.createShape(_jmLine.jmLine, {
           style: this.style
         });
-      } //如果有边界弧度则借助圆弧对象计算描点
+      }
 
+      var nr = this.getNormalizedRadius();
+      var hasRadius = this.hasRadius(); // 如果有圆角（支持四角独立），借助圆弧对象计算描点
+
+      if (hasRadius) {
+        var q = Math.PI / 2; // 限制圆角不超过短边的一半
+
+        var maxR = Math.min(location.width / 2, location.height / 2);
+        var rtl = Math.min(nr.topLeft, maxR);
+        var rtr = Math.min(nr.topRight, maxR);
+        var rbr = Math.min(nr.bottomRight, maxR);
+        var rbl = Math.min(nr.bottomLeft, maxR); // 左上角圆弧
+
+        if (rtl > 0) {
+          var arc = this.graph.createShape(_jmArc.jmArc, {
+            radius: rtl,
+            anticlockwise: false
+          });
+          arc.center = {
+            x: location.left + rtl,
+            y: location.top + rtl
+          };
+          arc.startAngle = Math.PI;
+          arc.endAngle = Math.PI + q;
+          var ps1 = arc.initPoints();
+        } else {
+          var ps1 = [p1];
+        } // 右上角圆弧
+
+
+        if (rtr > 0) {
+          var _arc = this.graph.createShape(_jmArc.jmArc, {
+            radius: rtr,
+            anticlockwise: false
+          });
+
+          _arc.center = {
+            x: p2.x - rtr,
+            y: p2.y + rtr
+          };
+          _arc.startAngle = Math.PI + q;
+          _arc.endAngle = Math.PI * 2;
+
+          var ps2 = _arc.initPoints();
+        } else {
+          var ps2 = [p2];
+        } // 右下角圆弧
+
+
+        if (rbr > 0) {
+          var _arc2 = this.graph.createShape(_jmArc.jmArc, {
+            radius: rbr,
+            anticlockwise: false
+          });
+
+          _arc2.center = {
+            x: p3.x - rbr,
+            y: p3.y - rbr
+          };
+          _arc2.startAngle = 0;
+          _arc2.endAngle = q;
+
+          var ps3 = _arc2.initPoints();
+        } else {
+          var ps3 = [p3];
+        } // 左下角圆弧
+
+
+        if (rbl > 0) {
+          var _arc3 = this.graph.createShape(_jmArc.jmArc, {
+            radius: rbl,
+            anticlockwise: false
+          });
+
+          _arc3.center = {
+            x: p4.x + rbl,
+            y: p4.y - rbl
+          };
+          _arc3.startAngle = q;
+          _arc3.endAngle = Math.PI;
+
+          var ps4 = _arc3.initPoints();
+        } else {
+          var ps4 = [p4];
+        }
 
-      if (location.radius && location.radius < location.width / 2 && location.radius < location.height / 2) {
-        var q = Math.PI / 2;
-        var arc = this.graph.createShape(_jmArc.jmArc, {
-          radius: location.radius,
-          anticlockwise: false
-        });
-        arc.center = {
-          x: location.left + location.radius,
-          y: location.top + location.radius
-        };
-        arc.startAngle = Math.PI;
-        arc.endAngle = Math.PI + q;
-        var ps1 = arc.initPoints();
-        arc = this.graph.createShape(_jmArc.jmArc, {
-          radius: location.radius,
-          anticlockwise: false
-        });
-        arc.center = {
-          x: p2.x - location.radius,
-          y: p2.y + location.radius
-        };
-        arc.startAngle = Math.PI + q;
-        arc.endAngle = Math.PI * 2;
-        var ps2 = arc.initPoints();
-        arc = this.graph.createShape(_jmArc.jmArc, {
-          radius: location.radius,
-          anticlockwise: false
-        });
-        arc.center = {
-          x: p3.x - location.radius,
-          y: p3.y - location.radius
-        };
-        arc.startAngle = 0;
-        arc.endAngle = q;
-        var ps3 = arc.initPoints();
-        arc = this.graph.createShape(_jmArc.jmArc, {
-          radius: location.radius,
-          anticlockwise: false
-        });
-        arc.center = {
-          x: p4.x + location.radius,
-          y: p4.y - location.radius
-        };
-        arc.startAngle = q;
-        arc.endAngle = Math.PI;
-        var ps4 = arc.initPoints();
         this.points = ps1.concat(ps2, ps3, ps4);
       } else {
         this.points = [];
@@ -9498,7 +10923,7 @@ var jmRect = /*#__PURE__*/function (_jmPath) {
 
 exports.jmRect = exports["default"] = jmRect;
 
-},{"../core/jmPath.js":8,"./jmArc.js":22,"./jmLine.js":30}],33:[function(require,module,exports){
+},{"../core/jmPath.js":9,"./jmArc.js":23,"./jmLine.js":32}],36:[function(require,module,exports){
 "use strict";
 
 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); }
@@ -9898,5 +11323,234 @@ var jmResize = /*#__PURE__*/function (_jmRect) {
 
 exports.jmResize = exports["default"] = jmResize;
 
-},{"./jmRect.js":32}]},{},[1]);
+},{"./jmRect.js":35}],37:[function(require,module,exports){
+"use strict";
+
+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); }
+
+Object.defineProperty(exports, "__esModule", {
+  value: true
+});
+exports.jmStar = exports["default"] = void 0;
+
+var _jmPath2 = require("../core/jmPath.js");
+
+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 _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); }
+
+function _createSuper(Derived) { var hasNativeReflectConstruct = _isNativeReflectConstruct(); return function _createSuperInternal() { var Super = _getPrototypeOf(Derived), result; if (hasNativeReflectConstruct) { var NewTarget = _getPrototypeOf(this).constructor; result = Reflect.construct(Super, arguments, NewTarget); } else { result = Super.apply(this, arguments); } return _possibleConstructorReturn(this, result); }; }
+
+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 _isNativeReflectConstruct() { if (typeof Reflect === "undefined" || !Reflect.construct) return false; if (Reflect.construct.sham) return false; if (typeof Proxy === "function") return true; try { Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); return true; } catch (e) { return false; } }
+
+function _getPrototypeOf(o) { _getPrototypeOf = Object.setPrototypeOf ? Object.getPrototypeOf : function _getPrototypeOf(o) { return o.__proto__ || Object.getPrototypeOf(o); }; return _getPrototypeOf(o); }
+
+/**
+ * 画星形
+ * 支持自定义顶点数和内外半径，创建各种星形图案
+ * 星形由交替的外半径和内半径顶点组成
+ *
+ * @class jmStar
+ * @extends jmPath
+ * @param {object} params 星形的参数
+ * @param {array} [params.points] 自定义顶点数组，如果提供则忽略其他参数
+ * @param {number} [params.points=5] 星形顶点数（角数，3-50）
+ * @param {number} [params.radius=50] 星形外半径（从中心到尖角的距离）
+ * @param {number} [params.innerRadius=25] 星形内半径（从中心到凹陷处的距离）
+ * @param {object} [params.center={x:0,y:0}] 星形中心点坐标
+ */
+var jmStar = /*#__PURE__*/function (_jmPath) {
+  _inherits(jmStar, _jmPath);
+
+  var _super = _createSuper(jmStar);
+
+  function jmStar(params) {
+    var _this;
+
+    var t = arguments.length > 1 && arguments[1] !== undefined ? arguments[1] : 'jmStar';
+
+    _classCallCheck(this, jmStar);
+
+    params = params || {};
+    params.isRegular = true; // 标记为规则图形
+
+    _this = _super.call(this, params, t); // 参数验证和初始化
+
+    _this.pointsCount = params.points || 5;
+    _this.radius = params.radius || 50;
+    _this.innerRadius = params.innerRadius || 25;
+    _this.center = params.center || {
+      x: 0,
+      y: 0
+    };
+    return _this;
+  }
+  /**
+   * 设定或获取星形顶点数（角数）
+   * 顶点数决定了星形的角数，例如5表示五角星
+   * 
+   * @property pointsCount
+   * @for jmStar
+   * @type {number}
+   */
+
+
+  _createClass(jmStar, [{
+    key: "pointsCount",
+    get: function get() {
+      return this.property('pointsCount');
+    },
+    set: function set(v) {
+      // 参数验证：顶点数必须在3-50之间
+      if (typeof v !== 'number' || isNaN(v) || v < 3) {
+        console.warn('jmStar: pointsCount must be a number >= 3');
+        v = 3;
+      }
+
+      if (v > 50) {
+        console.warn('jmStar: pointsCount should not exceed 50 for performance reasons');
+        v = 50;
+      }
+
+      this.needUpdate = true;
+      return this.property('pointsCount', Math.floor(v)); // 确保是整数
+    }
+    /**
+     * 设定或获取星形外半径
+     * 外半径是从中心到尖角的距离
+     * 
+     * @property radius
+     * @for jmStar
+     * @type {number}
+     */
+
+  }, {
+    key: "radius",
+    get: function get() {
+      return this.property('radius');
+    },
+    set: function set(v) {
+      // 参数验证：半径必须为正数
+      if (typeof v !== 'number' || isNaN(v) || v <= 0) {
+        console.warn('jmStar: radius must be a positive number');
+        v = 1;
+      }
+
+      this.needUpdate = true;
+      return this.property('radius', v);
+    }
+    /**
+     * 设定或获取星形内半径
+     * 内半径是从中心到凹陷处的距离
+     * 内半径应该小于外半径，否则会产生奇怪的形状
+     * 
+     * @property innerRadius
+     * @for jmStar
+     * @type {number}
+     */
+
+  }, {
+    key: "innerRadius",
+    get: function get() {
+      return this.property('innerRadius');
+    },
+    set: function set(v) {
+      // 参数验证：内半径必须为正数
+      if (typeof v !== 'number' || isNaN(v) || v <= 0) {
+        console.warn('jmStar: innerRadius must be a positive number');
+        v = 1;
+      } // 警告：内半径不应大于外半径
+
+
+      if (v >= this.radius) {
+        console.warn('jmStar: innerRadius should be less than radius for proper star shape');
+      }
+
+      this.needUpdate = true;
+      return this.property('innerRadius', v);
+    }
+    /**
+     * 设定或获取星形中心
+     * 中心点是星形的几何中心
+     * 
+     * @property center
+     * @for jmStar
+     * @type {object}
+     */
+
+  }, {
+    key: "center",
+    get: function get() {
+      return this.property('center');
+    },
+    set: function set(v) {
+      // 参数验证：中心点必须包含x和y属性
+      if (!v || typeof v.x !== 'number' || typeof v.y !== 'number') {
+        console.warn('jmStar: center must be an object with x and y properties');
+        v = {
+          x: 0,
+          y: 0
+        };
+      }
+
+      this.needUpdate = true;
+      return this.property('center', v);
+    }
+    /**
+     * 初始化图形点
+     * 计算星形的顶点坐标，交替使用外半径和内半径
+     * 
+     * @method initPoints
+     * @private
+     * @for jmStar
+     */
+
+  }, {
+    key: "initPoints",
+    value: function initPoints() {
+      // 如果提供了自定义顶点，直接使用
+      if (this.points && this.points.length > 0) {
+        return;
+      } // 计算星形顶点
+
+
+      var points = [];
+      var pointsCount = this.pointsCount;
+      var radius = this.radius;
+      var innerRadius = this.innerRadius;
+      var center = this.center; // 星形有2倍顶点数的点（外半径和内半径交替）
+      // 从顶部开始绘制（-90度），顺时针方向
+
+      for (var i = 0; i < pointsCount * 2; i++) {
+        var angle = i / pointsCount * Math.PI - Math.PI / 2; // 偶数索引使用外半径，奇数索引使用内半径
+
+        var r = i % 2 === 0 ? radius : innerRadius;
+        var x = center.x + Math.cos(angle) * r;
+        var y = center.y + Math.sin(angle) * r;
+        points.push({
+          x: x,
+          y: y
+        });
+      }
+
+      this.points = points;
+    }
+  }]);
+
+  return jmStar;
+}(_jmPath2.jmPath);
+
+exports.jmStar = exports["default"] = jmStar;
+
+},{"../core/jmPath.js":9}]},{},[1]);
 var _r=_m(1);_g.jmGraph=_r;return _r;})})(typeof window!=='undefined'?window:(typeof global!=='undefined'?global:(typeof self!=='undefined'?self:this)));