root / trunk / web / dojo / dojox / drawing / tools / Path.js @ 10
History | View | Annotate | Download (3.49 KB)
1 |
/*
|
---|---|
2 |
Copyright (c) 2004-2010, The Dojo Foundation All Rights Reserved.
|
3 |
Available via Academic Free License >= 2.1 OR the modified BSD license.
|
4 |
see: http://dojotoolkit.org/license for details
|
5 |
*/
|
6 |
|
7 |
|
8 |
if(!dojo._hasResource["dojox.drawing.tools.Path"]){ |
9 |
dojo._hasResource["dojox.drawing.tools.Path"]=true; |
10 |
dojo.provide("dojox.drawing.tools.Path");
|
11 |
dojox.drawing.tools.Path=dojox.drawing.util.oo.declare(dojox.drawing.stencil.Path,function(){
|
12 |
this.pathMode=""; |
13 |
this.currentPathMode=""; |
14 |
this._started=false; |
15 |
this.oddEvenClicks=0; |
16 |
},{draws:true,onDown:function(_1){ |
17 |
if(!this._started){ |
18 |
this.onStartPath(_1);
|
19 |
} |
20 |
},makeSubPath:function(_2){ |
21 |
if(_2){
|
22 |
if(this.currentPathMode=="Q"){ |
23 |
this.points.push({x:this.points[0].x,y:this.points[0].y}); |
24 |
} |
25 |
this.points.push({t:"Z"}); |
26 |
this.render();
|
27 |
} |
28 |
this.currentPathMode=""; |
29 |
this.pathMode="M"; |
30 |
},onStartPath:function(_3){ |
31 |
this._started=true; |
32 |
this.revertRenderHit=this.renderHit; |
33 |
this.renderHit=false; |
34 |
this.closePath=false; |
35 |
this.mouse.setEventMode("PathEdit"); |
36 |
this.closePoint={x:_3.x,y:_3.y}; |
37 |
this._kc1=this.connect(this.keys,"onEsc",this,function(){ |
38 |
this.onCompletePath(false); |
39 |
}); |
40 |
this._kc2=this.connect(this.keys,"onKeyUp",this,function(_4){ |
41 |
switch(_4.letter){
|
42 |
case "c": |
43 |
this.onCompletePath(true); |
44 |
break;
|
45 |
case "l": |
46 |
this.pathMode="L"; |
47 |
break;
|
48 |
case "m": |
49 |
this.makeSubPath(false); |
50 |
break;
|
51 |
case "q": |
52 |
this.pathMode="Q"; |
53 |
break;
|
54 |
case "s": |
55 |
this.pathMode="S"; |
56 |
break;
|
57 |
case "z": |
58 |
this.makeSubPath(true); |
59 |
break;
|
60 |
} |
61 |
}); |
62 |
},onCompletePath:function(_5){ |
63 |
this.remove(this.closeGuide,this.guide); |
64 |
var _6=this.getBounds(); |
65 |
if(_6.w<this.minimumSize&&_6.h<this.minimumSize){ |
66 |
this.remove(this.hit,this.shape,this.closeGuide); |
67 |
this._started=false; |
68 |
this.mouse.setEventMode(""); |
69 |
this.setPoints([]);
|
70 |
return;
|
71 |
} |
72 |
if(_5){
|
73 |
if(this.currentPathMode=="Q"){ |
74 |
this.points.push({x:this.points[0].x,y:this.points[0].y}); |
75 |
} |
76 |
this.closePath=true; |
77 |
} |
78 |
this.renderHit=this.revertRenderHit; |
79 |
this.renderedOnce=true; |
80 |
this.onRender(this); |
81 |
this.disconnect([this._kc1,this._kc2]); |
82 |
this.mouse.setEventMode(""); |
83 |
this.render();
|
84 |
},onUp:function(_7){ |
85 |
if(!this._started||!_7.withinCanvas){ |
86 |
return;
|
87 |
} |
88 |
if(this.points.length>2&&this.closeRadius>this.util.distance(_7.x,_7.y,this.closePoint.x,this.closePoint.y)){ |
89 |
this.onCompletePath(true); |
90 |
}else{
|
91 |
var p={x:_7.x,y:_7.y}; |
92 |
this.oddEvenClicks++;
|
93 |
if(this.currentPathMode!=this.pathMode){ |
94 |
if(this.pathMode=="Q"){ |
95 |
p.t="Q";
|
96 |
this.oddEvenClicks=0; |
97 |
}else{
|
98 |
if(this.pathMode=="L"){ |
99 |
p.t="L";
|
100 |
}else{
|
101 |
if(this.pathMode=="M"){ |
102 |
p.t="M";
|
103 |
this.closePoint={x:_7.x,y:_7.y}; |
104 |
} |
105 |
} |
106 |
} |
107 |
this.currentPathMode=this.pathMode; |
108 |
} |
109 |
this.points.push(p);
|
110 |
if(this.points.length>1){ |
111 |
this.remove(this.guide); |
112 |
this.render();
|
113 |
} |
114 |
} |
115 |
},createGuide:function(_8){ |
116 |
if(!this.points.length){ |
117 |
return;
|
118 |
} |
119 |
var _9=[].concat(this.points); |
120 |
var pt={x:_8.x,y:_8.y}; |
121 |
if(this.currentPathMode=="Q"&&this.oddEvenClicks%2){ |
122 |
pt.t="L";
|
123 |
} |
124 |
this.points.push(pt);
|
125 |
this.render();
|
126 |
this.points=_9;
|
127 |
var _a=this.util.distance(_8.x,_8.y,this.closePoint.x,this.closePoint.y); |
128 |
if(this.points.length>1){ |
129 |
if(_a<this.closeRadius&&!this.closeGuide){ |
130 |
var c={cx:this.closePoint.x,cy:this.closePoint.y,rx:this.closeRadius,ry:this.closeRadius}; |
131 |
this.closeGuide=this.container.createEllipse(c).setFill(this.closeColor); |
132 |
}else{
|
133 |
if(_a>this.closeRadius&&this.closeGuide){ |
134 |
this.remove(this.closeGuide); |
135 |
this.closeGuide=null; |
136 |
} |
137 |
} |
138 |
} |
139 |
},onMove:function(_b){ |
140 |
if(!this._started){ |
141 |
return;
|
142 |
} |
143 |
this.createGuide(_b);
|
144 |
},onDrag:function(_c){ |
145 |
if(!this._started){ |
146 |
return;
|
147 |
} |
148 |
this.createGuide(_c);
|
149 |
}}); |
150 |
dojox.drawing.tools.Path.setup={name:"dojox.drawing.tools.Path",tooltip:"Path Tool",iconClass:"iconLine"}; |
151 |
dojox.drawing.register(dojox.drawing.tools.Path.setup,"tool");
|
152 |
} |