Mercurial > laserkard
comparison onlypaths/js/format_mini.js @ 46:26c2b3ad21c7 laserkard
[svn r47] saving progresswww.cinemassacre.com/new/?page_id=30
author | rlm |
---|---|
date | Sun, 31 Jan 2010 12:33:33 -0500 |
parents | |
children |
comparison
equal
deleted
inserted
replaced
45:bff96abdddfa | 46:26c2b3ad21c7 |
---|---|
1 /* | |
2 JSON Richdraw Abstraction Layer | |
3 | |
4 --------------------- | |
5 Also, | |
6 | |
7 JSON Rich Draw Format | |
8 | |
9 --------------------- | |
10 | |
11 | |
12 What data is not stored (yet) | |
13 -Transforms | |
14 | |
15 */ | |
16 | |
17 | |
18 | |
19 function canvas(richdraw,format){ | |
20 var rawshapes = richdraw.getshapes() | |
21 var newshapes = []; | |
22 for(var i = 0; i < rawshapes.length; i++){ | |
23 newshapes.push(richdraw.renderer.info(rawshapes[i])); | |
24 } | |
25 return newshapes; | |
26 } | |
27 | |
28 | |
29 var fullscreen=false; | |
30 function load(code,draw) | |
31 { | |
32 | |
33 var noattachlistener=false; | |
34 var renderdoc=false; | |
35 var renderinfo=false | |
36 for(var i = 0; i < code.length; i++) | |
37 { | |
38 var rendering=true; | |
39 | |
40 if(code[i].type == "info") | |
41 { | |
42 rendering=false; | |
43 renderinfo=true; | |
44 if(code[i].loop!=null) | |
45 { | |
46 timerNext=code[i].loop; | |
47 }else{ | |
48 timerNext=0; | |
49 } | |
50 } | |
51 | |
52 if(code[i].type == "doc") | |
53 { | |
54 rendering=false; | |
55 renderdoc=true; | |
56 if(fullscreen==false) | |
57 { | |
58 draw.renderer.view( | |
59 code[i].left, | |
60 code[i].top, | |
61 code[i].width, | |
62 code[i].height, | |
63 code[i].viewBox, | |
64 (code[i].bgcolor!=null)?code[i].fillColor:"" | |
65 ); | |
66 } | |
67 else | |
68 { | |
69 draw.renderer.view( | |
70 0, | |
71 0, | |
72 screenW, | |
73 screenH, | |
74 code[i].viewBox, | |
75 '' | |
76 ); | |
77 } | |
78 } | |
79 | |
80 if( rendering==true) | |
81 { | |
82 var co = draw.renderer.create(code[i].type, | |
83 (code[i].fillColor!=null)?code[i].fillColor:"", | |
84 (code[i].lineColor)?code[i].lineColor:"", | |
85 (code[i].fillOpac)?code[i].fillOpac:"", | |
86 (code[i].lineOpac)?code[i].lineOpac:"", | |
87 (code[i].lineWidth)?code[i].lineWidth:"", | |
88 (code[i].left)?code[i].left:"", | |
89 (code[i].top)?code[i].top:"", | |
90 (code[i].width)?code[i].width:"", | |
91 (code[i].height)?code[i].height:"", | |
92 (code[i].text)?code[i].text:'', | |
93 (code[i].textSize)?code[i].textSize:"", | |
94 (code[i].textFamily)?code[i].textFamily:'Arial', | |
95 (code[i].href)?code[i].href:'', | |
96 (code[i].points)?code[i].points:'', | |
97 (code[i].transform)?code[i].transform:'', | |
98 (code[i].parent)?code[i].parent:''); | |
99 | |
100 co.id = ""+code[i].id; | |
101 if (!noattachlistener) | |
102 { | |
103 Ext.get(co).on("mousedown", draw.onHit, draw); | |
104 | |
105 /* | |
106 co.addEventListener("click", function(event) { myfunction(this.id,draw,event); }, false); | |
107 co.addEventListener("mouseover", function(event) {myOverFunction(this.id,draw,event); }, false); | |
108 co.addEventListener("mouseout", function(event) {myOutFunction(this.id,draw,event); }, false); | |
109 co.addEventListener("mouseup", function(event) {myUpFunction(this.id,draw,event); }, false); | |
110 co.addEventListener("mousedown", function(event) {myDownFunction(this.id,draw,event); }, false); | |
111 co.addEventListener("mousemove", function(event) {myMoveFunction(this.id,draw,event); }, false); | |
112 co.addEventListener("dblclick", function(event) {myDblclickFunction(this.id,draw,event); }, false); | |
113 */ | |
114 } | |
115 } | |
116 } | |
117 if(renderdoc == false) | |
118 { | |
119 if(fullscreen==false) | |
120 { | |
121 draw.renderer.view(0,0,canvasWidth,canvasHeight,'0 0 700 400',''); | |
122 } | |
123 else | |
124 { | |
125 draw.renderer.view(0,0,screenW,screenH,'0 0 700 400',''); | |
126 } | |
127 } | |
128 if(renderinfo == false) | |
129 { | |
130 } | |
131 } | |
132 | |
133 | |
134 | |
135 | |
136 | |
137 | |
138 | |
139 | |
140 | |
141 function load03(code,richdraw){ | |
142 | |
143 //var co =richdraw.renderer.create('group', '', '', 1, '', '', 0, 0, '', '', '', '', '', '', '', '',''); | |
144 //co.id = 'frame'+frameNum; | |
145 // var co ={}; | |
146 var renderdoc=false; | |
147 var renderinfo=false | |
148 for(var i = 0; i < code.length; i++){ | |
149 // code[i].parent='frame'+frameNum; | |
150 var rendering=true; | |
151 if(code[i].type == "info") | |
152 { | |
153 rendering=false; | |
154 renderinfo=true; | |
155 if(code[i].loop!=null) | |
156 { | |
157 timerNext=code[i].loop; | |
158 }else{ | |
159 timerNext=0; | |
160 } | |
161 } | |
162 if(code[i].type == "doc") | |
163 { | |
164 rendering=false; | |
165 renderdoc=true; | |
166 if(fullscreen==false){ | |
167 richdraw.renderer.view( | |
168 code[i].left, | |
169 code[i].top, | |
170 code[i].width, | |
171 code[i].height, | |
172 code[i].viewBox | |
173 ); | |
174 }else{ | |
175 richdraw.renderer.view( | |
176 0, | |
177 0, | |
178 scr_w, | |
179 scr_h, | |
180 code[i].viewBox | |
181 ); | |
182 | |
183 | |
184 } | |
185 /*richdraw.renderer.view((code[i].left)?code[i].left:NaN, | |
186 (code[i].top)?code[i].top:NaN, | |
187 (code[i].width)?code[i].width:NaN, | |
188 (code[i].height)?code[i].height:NaN, | |
189 (code[i].viewBox)?code[i].viewBox:'' | |
190 */ | |
191 | |
192 } | |
193 | |
194 if( rendering==true) | |
195 { | |
196 var co = richdraw.renderer.create(code[i].type, | |
197 (code[i].fillColor!=null)?code[i].fillColor:"", | |
198 (code[i].lineColor)?code[i].lineColor:"", | |
199 (code[i].fillOpac)?code[i].fillOpac:"", | |
200 (code[i].lineOpac)?code[i].lineOpac:"", | |
201 (code[i].lineWidth)?code[i].lineWidth:"", | |
202 (code[i].left)?code[i].left:"", | |
203 (code[i].top)?code[i].top:"", | |
204 (code[i].width)?code[i].width:"", | |
205 (code[i].height)?code[i].height:"", | |
206 (code[i].text)?code[i].text:'', | |
207 (code[i].textSize)?code[i].textSize:"", | |
208 (code[i].textFamily)?code[i].textFamily:'Arial', | |
209 (code[i].href)?code[i].href:'', | |
210 (code[i].points)?code[i].points:'', | |
211 (code[i].transform)?code[i].transform:'', | |
212 (code[i].parent)?code[i].parent:''); | |
213 //(code[i].filter)?code[i].filter:''); | |
214 if(code[i].id==null){ | |
215 var nid='shape:' + createUUID(); | |
216 co.id = nid; | |
217 }else{ | |
218 co.id = code[i].id; | |
219 } | |
220 | |
221 //var cad=code[i].points; | |
222 //co.id = ""+code[i].id; | |
223 //co.addEventListener("click", function(event) { myfunction(this.id); }, false); | |
224 //co.addEventListener("mouseover", function(event) {myOverFunction(this.id); }, false); | |
225 //co.addEventListener("mouseout", function(event) {myOutFunction(this.id); }, false); | |
226 | |
227 | |
228 } | |
229 Ext.get(co).on("mousedown", richdraw.onHit, richdraw); | |
230 | |
231 } | |
232 if(renderdoc == false) | |
233 { | |
234 if(fullscreen==false){ | |
235 richdraw.renderer.view(0,0,canvasWidth,canvasHeight,'0 0 700 400'); | |
236 }else{ | |
237 richdraw.renderer.view(0,0,scr_w,scr_h,'0 0 700 400'); | |
238 } | |
239 //richdraw.renderer.view(0,0,document.getElementById("richdraw").style.width,document.getElementById("richdraw").style.height,zoominit); | |
240 | |
241 } | |
242 | |
243 if(renderinfo == false){ | |
244 | |
245 } | |
246 | |
247 } | |
248 | |
249 function load01(code,richdraw){ | |
250 | |
251 for(var i = 0; i < code.length; i++){ | |
252 | |
253 | |
254 var co = richdraw.renderer.create(code[i].type, //Shape | |
255 (code[i].fillColor)?code[i].fillColor:"red", | |
256 (code[i].lineColor)?code[i].lineColor:"black", | |
257 (code[i].fillOpac)?code[i].fillOpac:1, | |
258 (code[i].lineOpac)?code[i].lineOpac:1, | |
259 (code[i].lineWidth)?code[i].lineWidth:1, | |
260 (code[i].left)?code[i].left:100, | |
261 (code[i].top)?code[i].top:100, | |
262 (code[i].width)?code[i].width:100, | |
263 (code[i].height)?code[i].height:100, | |
264 (code[i].text)?code[i].text:'', | |
265 (code[i].textSize)?code[i].textSize:19, | |
266 (code[i].textFamily)?code[i].textFamily:'Arial', | |
267 (code[i].href)?code[i].href:'', | |
268 (code[i].points)?code[i].points:'', | |
269 (code[i].transform)?code[i].transform:'', | |
270 (code[i].parent)?code[i].parent:''); | |
271 | |
272 | |
273 | |
274 co.id = "shape:"+code[i].id; | |
275 | |
276 /* | |
277 HACKS! HACKS!! NOT GOOD!!! | |
278 */ | |
279 if(code[i].type=="polyline"){ | |
280 | |
281 //richdraw.renderer.editShape(co,code[i].points) | |
282 }else if(code[i].type=="path"){ | |
283 | |
284 // richdraw.renderer.editShape(co,code[i].d) | |
285 }else if(code[i].type == "text"){ | |
286 //-- | |
287 //richdraw.renderer.editShape(co,code[i].text,null); | |
288 //richdraw.renderer.editShape(co,code[i].text) | |
289 } | |
290 | |
291 /* | |
292 End Evil Hacks | |
293 */ | |
294 | |
295 | |
296 //Event.observe(co, "mousedown", richdraw.onHitListener); | |
297 | |
298 Ext.get(co).on("mousedown", richdraw.onHit, richdraw); | |
299 } | |
300 | |
301 | |
302 //create = function(shape, fillColor, lineColor, lineWidth, left, top, width, height) | |
303 } | |
304 | |
305 |