2010-10-15 16:11:37 +00:00
< html > < head > < meta http-equiv = "content-type" content = "text/html; charset=utf-8" > < style >
.KEYW {color: #933;}
.COMM {color: #bbb; font-style: italic;}
.NUMB {color: #393;}
.STRN {color: #393;}
.REGX {color: #339;}
.line {border-right: 1px dotted #666; color: #666; font-style: normal;}
< / style > < / head > < body > < pre > < span class = 'line' > 1< / span > < span class = "COMM" > //= require "object.class"< / span > < span class = "WHIT" >
< span class = 'line' > 2< / span >
< span class = 'line' > 3< / span > < / span > < span class = "PUNC" > (< / span > < span class = "KEYW" > function< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 4< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 5< / span > < / span > < span class = "KEYW" > var< / span > < span class = "WHIT" > < / span > < span class = "NAME" > fabric< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.fabric< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > ||< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > (< / span > < span class = "NAME" > this.fabric< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 6< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 7< / span > < / span > < span class = "KEYW" > if< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > (< / span > < span class = "NAME" > fabric.Rect< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 8< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > console.warn< / span > < span class = "PUNC" > (< / span > < span class = "STRN" > 'fabric.Rect is already defined'< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 9< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > return< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 10< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "WHIT" >
< span class = 'line' > 11< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 12< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 13< / span > * @class Rect
< span class = 'line' > 14< / span > * @extends fabric.Object
< span class = 'line' > 15< / span > */< / span > < span class = "WHIT" >
< span class = 'line' > 16< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > fabric.Rect< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > fabric.util.createClass< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > fabric.Object< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "COMM" > /** @scope fabric.Rect.prototype */< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 17< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 18< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 19< / span > * @property
< span class = 'line' > 20< / span > * @type String
< span class = 'line' > 21< / span > */< / span > < span class = "WHIT" >
< span class = 'line' > 22< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > type< / span > < span class = "PUNC" > :< / span > < span class = "WHIT" > < / span > < span class = "STRN" > 'rect'< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 23< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 24< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 25< / span > * @property
< span class = 'line' > 26< / span > * @type Object
< span class = 'line' > 27< / span > */< / span > < span class = "WHIT" >
< span class = 'line' > 28< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > options< / span > < span class = "PUNC" > :< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 29< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > rx< / span > < span class = "PUNC" > :< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 0< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 30< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ry< / span > < span class = "PUNC" > :< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 0< / span > < span class = "WHIT" >
< span class = 'line' > 31< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 32< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 33< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 34< / span > * Constructor
< span class = 'line' > 35< / span > * @method initialize
< span class = 'line' > 36< / span > * @param options {Object} options object
< span class = 'line' > 37< / span > * @return {Object} thisArg
< span class = 'line' > 38< / span > */< / span > < span class = "WHIT" >
< span class = 'line' > 39< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > initialize< / span > < span class = "PUNC" > :< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > function< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > options< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 40< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.callSuper< / span > < span class = "PUNC" > (< / span > < span class = "STRN" > 'initialize'< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > options< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 41< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > this._initRxRy< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 42< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 43< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 44< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 45< / span > * @private
< span class = 'line' > 46< / span > * @method _initRxRy
< span class = 'line' > 47< / span > */< / span > < span class = "WHIT" >
< span class = 'line' > 48< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > _initRxRy< / span > < span class = "PUNC" > :< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > function< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 49< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > if< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > (< / span > < span class = "NAME" > this.options.rx< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > & & < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > !< / span > < span class = "NAME" > this.options.ry< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 50< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.options.ry< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.options.rx< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 51< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "WHIT" >
< span class = 'line' > 52< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > else< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > if< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > (< / span > < span class = "NAME" > this.options.ry< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > & & < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > !< / span > < span class = "NAME" > this.options.rx< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 53< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.options.rx< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.options.ry< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 54< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "WHIT" >
< span class = 'line' > 55< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 56< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 57< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 58< / span > * @private
< span class = 'line' > 59< / span > * @method _render
< span class = 'line' > 60< / span > * @param ctx {CanvasRenderingContext2D} context to render on
< span class = 'line' > 61< / span > */< / span > < span class = "WHIT" >
< span class = 'line' > 62< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > _render< / span > < span class = "PUNC" > :< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > function< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > ctx< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 63< / span > < / span > < span class = "KEYW" > var< / span > < span class = "WHIT" > < / span > < span class = "NAME" > rx< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.options.rx< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > ||< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 0< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 64< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ry< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.options.ry< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > ||< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 0< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 65< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > x< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > -< / span > < span class = "NAME" > this.width< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > /< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 2< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 66< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > y< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > -< / span > < span class = "NAME" > this.height< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > /< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 2< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 67< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > w< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.width< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 68< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > h< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.height< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 69< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 70< / span > < / span > < span class = "NAME" > ctx.beginPath< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 71< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.moveTo< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > rx< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > y< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 72< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.lineTo< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > w< / span > < span class = "PUNC" > -< / span > < span class = "NAME" > rx< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > y< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 73< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.bezierCurveTo< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > w< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > y< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > w< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > ry< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > w< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > ry< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 74< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.lineTo< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > w< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > h< / span > < span class = "PUNC" > -< / span > < span class = "NAME" > ry< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 75< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.bezierCurveTo< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > w< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > h< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > w< / span > < span class = "PUNC" > -< / span > < span class = "NAME" > rx< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > h< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > w< / span > < span class = "PUNC" > -< / span > < span class = "NAME" > rx< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > h< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 76< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.lineTo< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > rx< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > h< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 77< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.bezierCurveTo< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > h< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > h< / span > < span class = "PUNC" > -< / span > < span class = "NAME" > ry< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > h< / span > < span class = "PUNC" > -< / span > < span class = "NAME" > ry< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 78< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.lineTo< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > ry< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 79< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.bezierCurveTo< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > rx< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > x< / span > < span class = "PUNC" > +< / span > < span class = "NAME" > rx< / span > < span class = "PUNC" > ,< / span > < span class = "NAME" > y< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 80< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.closePath< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 81< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 82< / span > < / span > < span class = "KEYW" > if< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > (< / span > < span class = "NAME" > this.fill< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 83< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.fill< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 84< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "WHIT" >
< span class = 'line' > 85< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > if< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > (< / span > < span class = "NAME" > this.stroke< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 86< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > ctx.stroke< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 87< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "WHIT" >
< span class = 'line' > 88< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 89< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 90< / span > < / span > < span class = "COMM" > // since our coordinate system differs from that of SVG< / span > < span class = "WHIT" >
< span class = 'line' > 91< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > _normalizeLeftTopProperties< / span > < span class = "PUNC" > :< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > function< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > parsedAttributes< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 92< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > if< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > (< / span > < span class = "NAME" > parsedAttributes.left< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 93< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.set< / span > < span class = "PUNC" > (< / span > < span class = "STRN" > 'left'< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > parsedAttributes.left< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > +< / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.getWidth< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > /< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 2< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 94< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "WHIT" >
< span class = 'line' > 95< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > if< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > (< / span > < span class = "NAME" > parsedAttributes.top< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 96< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.set< / span > < span class = "PUNC" > (< / span > < span class = "STRN" > 'top'< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > parsedAttributes.top< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > +< / span > < span class = "WHIT" > < / span > < span class = "NAME" > this.getHeight< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > /< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 2< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 97< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "WHIT" >
< span class = 'line' > 98< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > return< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > this< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 99< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" >
< span class = 'line' > 100< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 101< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 102< / span > * @method complexity
< span class = 'line' > 103< / span > * @return {Number} complexity
< span class = 'line' > 104< / span > */< / span > < span class = "WHIT" >
< span class = 'line' > 105< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > complexity< / span > < span class = "PUNC" > :< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > function< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 106< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > return< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 1< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 107< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "WHIT" >
< span class = 'line' > 108< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 109< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 110< / span > < / span > < span class = "COMM" > // TODO (kangax): implement rounded rectangles (both parsing and rendering)< / span > < span class = "WHIT" >
2010-10-19 20:27:24 +00:00
< span class = 'line' > 111< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 112< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 113< / span > * List of attribute names to account for when parsing SVG element (used by `fabric.Rect.fromElement`)
< span class = 'line' > 114< / span > * @static
2010-10-15 16:11:37 +00:00
< span class = 'line' > 115< / span > */< / span > < span class = "WHIT" >
2010-10-19 20:27:24 +00:00
< span class = 'line' > 116< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > fabric.Rect.ATTRIBUTE_NAMES< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "STRN" > 'x y width height rx ry fill fill-opacity stroke stroke-width transform'< / span > < span class = "PUNC" > .< / span > < span class = "NAME" > split< / span > < span class = "PUNC" > (< / span > < span class = "STRN" > ' '< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 117< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 118< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 119< / span > * @private
< span class = 'line' > 120< / span > */< / span > < span class = "WHIT" >
< span class = 'line' > 121< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > function< / span > < span class = "WHIT" > < / span > < span class = "NAME" > _setDefaultLeftTopValues< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > attributes< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 122< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > attributes.left< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > attributes.left< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > ||< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 0< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 123< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > attributes.top< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > attributes.top< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > ||< / span > < span class = "WHIT" > < / span > < span class = "NUMB" > 0< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 124< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > return< / span > < span class = "WHIT" > < / span > < span class = "NAME" > attributes< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 125< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "WHIT" >
< span class = 'line' > 126< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 127< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 128< / span > * Returns fabric.Rect instance from an SVG element
< span class = 'line' > 129< / span > * @static
< span class = 'line' > 130< / span > * @method fabric.Rect.fromElement
< span class = 'line' > 131< / span > * @param element {SVGElement} element to parse
< span class = 'line' > 132< / span > * @param options {Object} options object
< span class = 'line' > 133< / span > * @return {fabric.Rect} instance of fabric.Rect
< span class = 'line' > 134< / span > */< / span > < span class = "WHIT" >
< span class = 'line' > 135< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > fabric.Rect.fromElement< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > function< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > element< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > options< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 136< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > if< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > !< / span > < span class = "NAME" > element< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 137< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > return< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > null< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 138< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "WHIT" >
2010-10-15 16:11:37 +00:00
< span class = 'line' > 139< / span > < / span > < span class = "WHIT" >
2010-10-19 20:27:24 +00:00
< span class = 'line' > 140< / span > < / span > < span class = "KEYW" > var< / span > < span class = "WHIT" > < / span > < span class = "NAME" > parsedAttributes< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > fabric.parseAttributes< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > element< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > fabric.Rect.ATTRIBUTE_NAMES< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 141< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > parsedAttributes< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "NAME" > _setDefaultLeftTopValues< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > parsedAttributes< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 142< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 143< / span > < / span > < span class = "KEYW" > var< / span > < span class = "WHIT" > < / span > < span class = "NAME" > rect< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > new< / span > < span class = "WHIT" > < / span > < span class = "NAME" > fabric.Rect< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > fabric.util.object.extend< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > options< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > ||< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > ,< / span > < span class = "WHIT" > < / span > < span class = "NAME" > parsedAttributes< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 144< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > rect._normalizeLeftTopProperties< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > parsedAttributes< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 145< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 146< / span > < / span > < span class = "KEYW" > return< / span > < span class = "WHIT" > < / span > < span class = "NAME" > rect< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 147< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 148< / span > < / span > < span class = "WHIT" >
< span class = 'line' > 149< / span > < / span > < span class = "COMM" > /**
< span class = 'line' > 150< / span > * Returns fabric.Rect instance from an object representation
< span class = 'line' > 151< / span > * @static
< span class = 'line' > 152< / span > * @method fabric.Rect.fromObject
< span class = 'line' > 153< / span > * @param object {Object} object to create an instance from
< span class = 'line' > 154< / span > * @return {Object} instance of fabric.Rect
< span class = 'line' > 155< / span > */< / span > < span class = "WHIT" >
< span class = 'line' > 156< / span > < / span > < span class = "WHIT" > < / span > < span class = "NAME" > fabric.Rect.fromObject< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > =< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > function< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > object< / span > < span class = "PUNC" > )< / span > < span class = "WHIT" > < / span > < span class = "PUNC" > {< / span > < span class = "WHIT" >
< span class = 'line' > 157< / span > < / span > < span class = "WHIT" > < / span > < span class = "KEYW" > return< / span > < span class = "WHIT" > < / span > < span class = "KEYW" > new< / span > < span class = "WHIT" > < / span > < span class = "NAME" > fabric.Rect< / span > < span class = "PUNC" > (< / span > < span class = "NAME" > object< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 158< / span > < / span > < span class = "WHIT" > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > ;< / span > < span class = "WHIT" >
< span class = 'line' > 159< / span > < / span > < span class = "PUNC" > }< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > (< / span > < span class = "PUNC" > )< / span > < span class = "PUNC" > ;< / span > < / pre > < / body > < / html >
