first commit
This commit is contained in:
+104
@@ -0,0 +1,104 @@
|
||||
import { Factory } from "../Factory.js";
|
||||
import { Shape } from "../Shape.js";
|
||||
import { getNumberValidator } from "../Validators.js";
|
||||
import { _registerNode } from "../Global.js";
|
||||
/**
|
||||
* Star constructor
|
||||
* @constructor
|
||||
* @memberof Konva
|
||||
* @augments Konva.Shape
|
||||
* @param {Object} config
|
||||
* @param {Integer} config.numPoints
|
||||
* @param {Number} config.innerRadius
|
||||
* @param {Number} config.outerRadius
|
||||
* @@shapeParams
|
||||
* @@nodeParams
|
||||
* @example
|
||||
* var star = new Konva.Star({
|
||||
* x: 100,
|
||||
* y: 200,
|
||||
* numPoints: 5,
|
||||
* innerRadius: 70,
|
||||
* outerRadius: 70,
|
||||
* fill: 'red',
|
||||
* stroke: 'black',
|
||||
* strokeWidth: 4
|
||||
* });
|
||||
*/
|
||||
export class Star extends Shape {
|
||||
_sceneFunc(context) {
|
||||
const innerRadius = this.innerRadius(), outerRadius = this.outerRadius(), numPoints = this.numPoints();
|
||||
context.beginPath();
|
||||
context.moveTo(0, 0 - outerRadius);
|
||||
for (let n = 1; n < numPoints * 2; n++) {
|
||||
const radius = n % 2 === 0 ? outerRadius : innerRadius;
|
||||
const x = radius * Math.sin((n * Math.PI) / numPoints);
|
||||
const y = -1 * radius * Math.cos((n * Math.PI) / numPoints);
|
||||
context.lineTo(x, y);
|
||||
}
|
||||
context.closePath();
|
||||
context.fillStrokeShape(this);
|
||||
}
|
||||
getSelfRect() {
|
||||
const radius = Math.max(Math.abs(this.innerRadius()), Math.abs(this.outerRadius()));
|
||||
return { x: -radius, y: -radius, width: radius * 2, height: radius * 2 };
|
||||
}
|
||||
getWidth() {
|
||||
return this.outerRadius() * 2;
|
||||
}
|
||||
getHeight() {
|
||||
return this.outerRadius() * 2;
|
||||
}
|
||||
setWidth(width) {
|
||||
this.outerRadius(width / 2);
|
||||
}
|
||||
setHeight(height) {
|
||||
this.outerRadius(height / 2);
|
||||
}
|
||||
}
|
||||
Star.prototype.className = 'Star';
|
||||
Star.prototype._centroid = true;
|
||||
Star.prototype._attrsAffectingSize = ['innerRadius', 'outerRadius'];
|
||||
_registerNode(Star, true);
|
||||
/**
|
||||
* get/set number of points
|
||||
* @name Konva.Star#numPoints
|
||||
* @method
|
||||
* @param {Number} numPoints
|
||||
* @returns {Number}
|
||||
* @example
|
||||
* // get inner radius
|
||||
* var numPoints = star.numPoints();
|
||||
*
|
||||
* // set inner radius
|
||||
* star.numPoints(20);
|
||||
*/
|
||||
Factory.addGetterSetter(Star, 'numPoints', 5, getNumberValidator());
|
||||
/**
|
||||
* get/set innerRadius
|
||||
* @name Konva.Star#innerRadius
|
||||
* @method
|
||||
* @param {Number} innerRadius
|
||||
* @returns {Number}
|
||||
* @example
|
||||
* // get inner radius
|
||||
* var innerRadius = star.innerRadius();
|
||||
*
|
||||
* // set inner radius
|
||||
* star.innerRadius(20);
|
||||
*/
|
||||
Factory.addGetterSetter(Star, 'innerRadius', 0, getNumberValidator());
|
||||
/**
|
||||
* get/set outerRadius
|
||||
* @name Konva.Star#outerRadius
|
||||
* @method
|
||||
* @param {Number} outerRadius
|
||||
* @returns {Number}
|
||||
* @example
|
||||
* // get inner radius
|
||||
* var outerRadius = star.outerRadius();
|
||||
*
|
||||
* // set inner radius
|
||||
* star.outerRadius(20);
|
||||
*/
|
||||
Factory.addGetterSetter(Star, 'outerRadius', 0, getNumberValidator());
|
||||
Reference in New Issue
Block a user