konva/src/shapes/Wedge.js

100 lines
2.5 KiB
JavaScript
Raw Normal View History

(function() {
/**
* Wedge constructor
* @constructor
* @augments Kinetic.Shape
* @param {Object} config
* @param {Number} config.angle
* @param {Number} config.radius
* @param {Boolean} config.clockwise
*/
Kinetic.Wedge = function(config) {
this._initWedge(config);
};
Kinetic.Wedge.prototype = {
_initWedge: function(config) {
this.setDefaultAttrs({
radius: 0,
angle: 0,
clickwise: true
});
this.shapeType = 'Wedge';
// call super constructor
Kinetic.Shape.call(this, config);
this._setDrawFuncs();
},
drawFunc: function(canvas) {
var context = canvas.getContext();
context.beginPath();
context.arc(0, 0, this.getRadius(), 0, this.getAngle(), this.getClockwise());
context.lineTo(0, 0);
context.closePath();
canvas.fillStroke(this);
},
2012-12-17 04:56:30 +08:00
/**
* set angle in degrees
* @name setAngleDeg
* @methodOf Kinetic.Wedge.prototype
* @param {Number} deg
*/
setAngleDeg: function(deg) {
this.setAngle(Kinetic.Type._degToRad(deg));
},
2012-12-17 04:56:30 +08:00
/**
* set angle in degrees
* @name getAngleDeg
* @methodOf Kinetic.Wedge.prototype
*/
getAngleDeg: function() {
return Kinetic.Type._radToDeg(this.getAngle());
}
};
Kinetic.Global.extend(Kinetic.Wedge, Kinetic.Shape);
// add getters setters
Kinetic.Node.addGettersSetters(Kinetic.Wedge, ['radius', 'angle', 'clockwise']);
/**
* set radius
* @name setRadius
* @methodOf Kinetic.Wedge.prototype
* @param {Number} radius
*/
/**
* set angle
* @name setAngle
* @methodOf Kinetic.Wedge.prototype
* @param {Number} angle
*/
/**
* set clockwise draw direction. If set to true, the wedge will be drawn clockwise
* If set to false, the wedge will be drawn anti-clockwise. The default is true.
* @name setClockwise
* @methodOf Kinetic.Wedge.prototype
* @param {Boolean} clockwise
*/
/**
* get radius
* @name getRadius
* @methodOf Kinetic.Wedge.prototype
*/
/**
* get angle
* @name getAngle
* @methodOf Kinetic.Wedge.prototype
*/
/**
* get clockwise
* @name getClockwise
* @methodOf Kinetic.Wedge.prototype
*/
})();