first commit

2026-10-17 12:09:36 -04:00
commit 56046a63fc
1149 changed files with 658055 additions and 0 deletions
@@ -0,0 +1,98 @@
+import { Factory } from "../Factory.js";
+import { Shape } from "../Shape.js";
+import { getNumberValidator } from "../Validators.js";
+import { _registerNode } from "../Global.js";
+/**
+ * Ellipse constructor
+ * @constructor
+ * @memberof Konva
+ * @augments Konva.Shape
+ * @param {Object} config
+ * @param {Object} config.radius defines x and y radius
+ * @@shapeParams
+ * @@nodeParams
+ * @example
+ * var ellipse = new Konva.Ellipse({
+ *   radius : {
+ *     x : 50,
+ *     y : 50
+ *   },
+ *   fill: 'red'
+ * });
+ */
+export class Ellipse extends Shape {
+    _getStrokePadding() {
+        return super._getStrokePadding(1);
+    }
+    _sceneFunc(context) {
+        const rx = Math.abs(this.radiusX()), ry = Math.abs(this.radiusY());
+        context.beginPath();
+        context.ellipse(0, 0, rx, ry, 0, 0, Math.PI * 2, false);
+        context.closePath();
+        context.fillStrokeShape(this);
+    }
+    getWidth() {
+        return Math.abs(this.radiusX()) * 2;
+    }
+    getHeight() {
+        return Math.abs(this.radiusY()) * 2;
+    }
+    setWidth(width) {
+        this.radiusX(width / 2);
+    }
+    setHeight(height) {
+        this.radiusY(height / 2);
+    }
+}
+Ellipse.prototype.className = 'Ellipse';
+Ellipse.prototype._centroid = true;
+Ellipse.prototype._attrsAffectingSize = ['radiusX', 'radiusY'];
+_registerNode(Ellipse, true);
+// add getters setters
+Factory.addComponentsGetterSetter(Ellipse, 'radius', ['x', 'y']);
+/**
+ * get/set radius
+ * @name Konva.Ellipse#radius
+ * @method
+ * @param {Object} radius
+ * @param {Number} radius.x
+ * @param {Number} radius.y
+ * @returns {Object}
+ * @example
+ * // get radius
+ * var radius = ellipse.radius();
+ *
+ * // set radius
+ * ellipse.radius({
+ *   x: 200,
+ *   y: 100
+ * });
+ */
+Factory.addGetterSetter(Ellipse, 'radiusX', 0, getNumberValidator());
+/**
+ * get/set radius x
+ * @name Konva.Ellipse#radiusX
+ * @method
+ * @param {Number} x
+ * @returns {Number}
+ * @example
+ * // get radius x
+ * var radiusX = ellipse.radiusX();
+ *
+ * // set radius x
+ * ellipse.radiusX(200);
+ */
+Factory.addGetterSetter(Ellipse, 'radiusY', 0, getNumberValidator());
+/**
+ * get/set radius y
+ * @name Konva.Ellipse#radiusY
+ * @method
+ * @param {Number} y
+ * @returns {Number}
+ * @example
+ * // get radius y
+ * var radiusY = ellipse.radiusY();
+ *
+ * // set radius y
+ * ellipse.radiusY(200);
+ */