36 lines
1.3 KiB
JavaScript
36 lines
1.3 KiB
JavaScript
import { Factory } from '../Factory.js';
|
|
import { Shape } from '../Shape.js';
|
|
import { Konva } from '../Global.js';
|
|
import { getNumberValidator, getBooleanValidator } from '../Validators.js';
|
|
import { _registerNode } from '../Global.js';
|
|
export class Arc extends Shape {
|
|
_sceneFunc(context) {
|
|
var angle = Konva.getAngle(this.angle()), clockwise = this.clockwise();
|
|
context.beginPath();
|
|
context.arc(0, 0, this.outerRadius(), 0, angle, clockwise);
|
|
context.arc(0, 0, this.innerRadius(), angle, 0, !clockwise);
|
|
context.closePath();
|
|
context.fillStrokeShape(this);
|
|
}
|
|
getWidth() {
|
|
return this.outerRadius() * 2;
|
|
}
|
|
getHeight() {
|
|
return this.outerRadius() * 2;
|
|
}
|
|
setWidth(width) {
|
|
this.outerRadius(width / 2);
|
|
}
|
|
setHeight(height) {
|
|
this.outerRadius(height / 2);
|
|
}
|
|
}
|
|
Arc.prototype._centroid = true;
|
|
Arc.prototype.className = 'Arc';
|
|
Arc.prototype._attrsAffectingSize = ['innerRadius', 'outerRadius'];
|
|
_registerNode(Arc);
|
|
Factory.addGetterSetter(Arc, 'innerRadius', 0, getNumberValidator());
|
|
Factory.addGetterSetter(Arc, 'outerRadius', 0, getNumberValidator());
|
|
Factory.addGetterSetter(Arc, 'angle', 0, getNumberValidator());
|
|
Factory.addGetterSetter(Arc, 'clockwise', false, getBooleanValidator());
|