[483] | 1 | define(["dojo/_base/lang", "../util/oo", "../manager/_registry", "../stencil/Ellipse"], |
---|
| 2 | function(lang, oo, registry, StencilEllipse){ |
---|
| 3 | |
---|
| 4 | //dojox.drawing.tools.Ellipse = |
---|
| 5 | var Ellipse = oo.declare( |
---|
| 6 | StencilEllipse, |
---|
| 7 | function(){ |
---|
| 8 | // summary: |
---|
| 9 | // constructor |
---|
| 10 | }, |
---|
| 11 | { |
---|
| 12 | // summary: |
---|
| 13 | // A drawable Ellipse. |
---|
| 14 | |
---|
| 15 | draws:true, |
---|
| 16 | onDrag: function(/*EventObject*/obj){ |
---|
| 17 | var s = obj.start, e = obj; |
---|
| 18 | var x = s.x < e.x ? s.x : e.x, |
---|
| 19 | y = s.y < e.y ? s.y : e.y, |
---|
| 20 | w = s.x < e.x ? e.x-s.x : s.x-e.x, |
---|
| 21 | h = s.y < e.y ? e.y-s.y : s.y-e.y; |
---|
| 22 | |
---|
| 23 | if(this.keys.shift){ w = h = Math.max(w,h); } |
---|
| 24 | if(!this.keys.alt){ // ellipse is normally on center |
---|
| 25 | x+=w/2; y+=h/2; w/=2; h/=2; |
---|
| 26 | } else{ |
---|
| 27 | if(y - h < 0){ h = y; } |
---|
| 28 | if(x - w < 0){ w = x; } |
---|
| 29 | } |
---|
| 30 | |
---|
| 31 | this.points = [ |
---|
| 32 | {x:x-w, y:y-h}, // TL |
---|
| 33 | {x:x+w, y:y-h}, // TR |
---|
| 34 | {x:x+w, y:y+h}, // BR |
---|
| 35 | {x:x-w, y:y+h} // BL |
---|
| 36 | ]; |
---|
| 37 | this.render(); |
---|
| 38 | }, |
---|
| 39 | |
---|
| 40 | onUp: function(/*EventObject*/obj){ |
---|
| 41 | if(this.created || !this._downOnCanvas){ return; } |
---|
| 42 | this._downOnCanvas = false; |
---|
| 43 | //Default shape on single click |
---|
| 44 | if(!this.shape){ |
---|
| 45 | var s = obj.start, e = this.minimumSize*2; |
---|
| 46 | this.data = { |
---|
| 47 | cx: s.x+e, |
---|
| 48 | cy: s.y+e, |
---|
| 49 | rx: e, |
---|
| 50 | ry: e |
---|
| 51 | }; |
---|
| 52 | this.dataToPoints(); |
---|
| 53 | this.render(); |
---|
| 54 | }else{ |
---|
| 55 | // if too small, need to reset |
---|
| 56 | var o = this.pointsToData(); |
---|
| 57 | console.log("Create a default shape here, pt to data: ",o); |
---|
| 58 | if(o.rx*2<this.minimumSize && o.ry*2 < this.minimumSize){ |
---|
| 59 | this.remove(this.shape, this.hit); |
---|
| 60 | return; |
---|
| 61 | } |
---|
| 62 | } |
---|
| 63 | |
---|
| 64 | this.onRender(this); |
---|
| 65 | |
---|
| 66 | } |
---|
| 67 | } |
---|
| 68 | ); |
---|
| 69 | |
---|
| 70 | lang.setObject("dojox.drawing.tools.Ellipse", Ellipse); |
---|
| 71 | Ellipse.setup = { |
---|
| 72 | name:"dojox.drawing.tools.Ellipse", |
---|
| 73 | tooltip:"Ellipse Tool", |
---|
| 74 | iconClass:"iconEllipse" |
---|
| 75 | }; |
---|
| 76 | |
---|
| 77 | registry.register(Ellipse.setup, "tool"); |
---|
| 78 | |
---|
| 79 | return Ellipse; |
---|
| 80 | }); |
---|