scratchfoundation/paper.js
1
0
Fork 0
mirror of https://github.com/scratchfoundation/paper.js.git synced 2025-01-01 02:38:43 -05:00
Code Issues Projects Releases Packages Wiki Activity Actions

Add support for GradientColor object literal constructor.

Browse source 
And introduce getter / setter for #gradient.
This commit is contained in:
Jürg Lehni 2013-03-05 20:41:36 -08:00
parent 1d1e6425fa
commit b8ca30a4cd
1 changed files with 30 additions and 12 deletions
Show stats Download patch file Download diff file Expand all files Collapse all files

42
src/color/GradientColor.js
View file

@ -85,29 +85,47 @@ var GradientColor = this.GradientColor = Color.extend(/** @lends GradientColor#
initialize: function(gradient, origin, destination, hilite) {
// Define this GradientColor's unique id.
this._id = ++Base._uid;
this.gradient = gradient || new LinearGradient();
this.gradient._addOwner(this);
this.setOrigin(origin);
this.setDestination(destination);
if (hilite)
this.setHilite(hilite);
// Try object literal constructor first
if (!this._set(gradient)) {
this.setGradient(gradient || new LinearGradient());
this.setOrigin(origin);
this.setDestination(destination);
if (hilite)
this.setHilite(hilite);
}
},
/**
* @return {GradientColor} a copy of the gradient color
*/
clone: function() {
return new GradientColor(this.gradient, this._origin, this._destination,
this._hilite);
return new GradientColor(this._gradient, this._origin,
this._destination, this._hilite);
},
_serialize: function(options, dictionary) {
var values = [ this.gradient, this._origin, this._destination ];
var values = [ this._gradient, this._origin, this._destination ];
if (this._hilite)
values.push(this._hilite);
return Base.serialize(values, options, true, dictionary);
},
/**
* The gradient object describing the type of gradient and the stops.
*
* @type Gradient
* @bean
*/
getGradient: function() {
return this._gradient;
},
setGradient: function(gradient) {
this._gradient = gradient;
gradient._addOwner(this);
this._changed();
},
/**
* The origin point of the gradient.
*
@ -236,8 +254,8 @@ var GradientColor = this.GradientColor = Color.extend(/** @lends GradientColor#
toCanvasStyle: function(ctx) {
var gradient,
stops = this.gradient._stops;
if (this.gradient._type === 'LinearGradient') {
stops = this._gradient._stops;
if (this._gradient._type === 'LinearGradient') {
gradient = ctx.createLinearGradient(this._origin.x, this._origin.y,
this._destination.x, this._destination.y);
} else {
@ -261,7 +279,7 @@ var GradientColor = this.GradientColor = Color.extend(/** @lends GradientColor#
*/
equals: function(color) {
return color == this || color && color._type === this._type
&& this.gradient.equals(color.gradient)
&& this._gradient.equals(color._gradient)
&& this._origin.equals(color._origin)
&& this._destination.equals(color._destination);
},