first commit
This commit is contained in:
+102
@@ -0,0 +1,102 @@
|
||||
import { Factory } from "../Factory.js";
|
||||
import { Shape } from "../Shape.js";
|
||||
import { Konva } from "../Global.js";
|
||||
import { getNumberValidator } from "../Validators.js";
|
||||
import { _registerNode } from "../Global.js";
|
||||
/**
|
||||
* Wedge constructor
|
||||
* @constructor
|
||||
* @memberof Konva
|
||||
* @augments Konva.Shape
|
||||
* @param {Object} config
|
||||
* @param {Number} config.angle in degrees
|
||||
* @param {Number} config.radius
|
||||
* @param {Boolean} [config.clockwise]
|
||||
* @@shapeParams
|
||||
* @@nodeParams
|
||||
* @example
|
||||
* // draw a wedge that's pointing downwards
|
||||
* var wedge = new Konva.Wedge({
|
||||
* radius: 40,
|
||||
* fill: 'red',
|
||||
* stroke: 'black',
|
||||
* strokeWidth: 5,
|
||||
* angle: 60,
|
||||
* rotation: -120
|
||||
* });
|
||||
*/
|
||||
export class Wedge extends Shape {
|
||||
_sceneFunc(context) {
|
||||
context.beginPath();
|
||||
context.arc(0, 0, Math.abs(this.radius()), 0, Konva.getAngle(this.angle()), this.clockwise());
|
||||
context.lineTo(0, 0);
|
||||
context.closePath();
|
||||
context.fillStrokeShape(this);
|
||||
}
|
||||
getWidth() {
|
||||
return Math.abs(this.radius()) * 2;
|
||||
}
|
||||
getHeight() {
|
||||
return Math.abs(this.radius()) * 2;
|
||||
}
|
||||
setWidth(width) {
|
||||
this.radius(width / 2);
|
||||
}
|
||||
setHeight(height) {
|
||||
this.radius(height / 2);
|
||||
}
|
||||
}
|
||||
Wedge.prototype.className = 'Wedge';
|
||||
Wedge.prototype._centroid = true;
|
||||
Wedge.prototype._attrsAffectingSize = ['radius'];
|
||||
_registerNode(Wedge, true);
|
||||
/**
|
||||
* get/set radius
|
||||
* @name Konva.Wedge#radius
|
||||
* @method
|
||||
* @param {Number} radius
|
||||
* @returns {Number}
|
||||
* @example
|
||||
* // get radius
|
||||
* var radius = wedge.radius();
|
||||
*
|
||||
* // set radius
|
||||
* wedge.radius(10);
|
||||
*/
|
||||
Factory.addGetterSetter(Wedge, 'radius', 0, getNumberValidator());
|
||||
/**
|
||||
* get/set angle in degrees
|
||||
* @name Konva.Wedge#angle
|
||||
* @method
|
||||
* @param {Number} angle
|
||||
* @returns {Number}
|
||||
* @example
|
||||
* // get angle
|
||||
* var angle = wedge.angle();
|
||||
*
|
||||
* // set angle
|
||||
* wedge.angle(20);
|
||||
*/
|
||||
Factory.addGetterSetter(Wedge, 'angle', 0, getNumberValidator());
|
||||
/**
|
||||
* get/set clockwise flag
|
||||
* @name Konva.Wedge#clockwise
|
||||
* @method
|
||||
* @param {Boolean} clockwise
|
||||
* @returns {Boolean}
|
||||
* @example
|
||||
* // get clockwise flag
|
||||
* var clockwise = wedge.clockwise();
|
||||
*
|
||||
* // draw wedge counter-clockwise
|
||||
* wedge.clockwise(false);
|
||||
*
|
||||
* // draw wedge clockwise
|
||||
* wedge.clockwise(true);
|
||||
*/
|
||||
Factory.addGetterSetter(Wedge, 'clockwise', false);
|
||||
Factory.backCompat(Wedge, {
|
||||
angleDeg: 'angle',
|
||||
getAngleDeg: 'getAngle',
|
||||
setAngleDeg: 'setAngle',
|
||||
});
|
||||
Reference in New Issue
Block a user