sketchily 0.2.0 → 0.3.0

Sign up to get free protection for your applications and to get access to all the features.
@@ -1,788 +0,0 @@
1
- <!DOCTYPE html>
2
- <html>
3
- <!-- removed for now, causes problems in Firefox: manifest="svg-editor.manifest" -->
4
- <head>
5
- <meta http-equiv="Content-type" content="text/html;charset=UTF-8" />
6
- <meta http-equiv="X-UA-Compatible" content="chrome=1"/>
7
- <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>
8
- <meta name="apple-mobile-web-app-capable" content="yes"/>
9
- <link rel="icon" type="image/png" href="/assets/images/logo.png"/>
10
- <link rel="stylesheet" href="/assets/jgraduate/css/jPicker.css" type="text/css"/>
11
- <link rel="stylesheet" href="/assets/jgraduate/css/jgraduate.css" type="text/css"/>
12
- <link rel="stylesheet" href="/assets/svg-editor.css" type="text/css"/>
13
- <link rel="stylesheet" href="/assets/spinbtn/JQuerySpinBtn.css" type="text/css"/>
14
-
15
- <!--{if jquery_release}>
16
- <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.1/jquery.js"></script>
17
- <!{else}-->
18
- <script type="text/javascript" src="/assets/jquery.js"></script>
19
- <!--{endif}-->
20
-
21
- <script type="text/javascript" src="/assets/js-hotkeys/jquery.hotkeys.min.js"></script>
22
- <script type="text/javascript" src="/assets/jquerybbq/jquery.bbq.min.js"></script>
23
- <script type="text/javascript" src="/assets/svgicons/jquery.svgicons.js"></script>
24
- <script type="text/javascript" src="/assets/jgraduate/jquery.jgraduate.min.js"></script>
25
- <script type="text/javascript" src="/assets/spinbtn/JQuerySpinBtn.min.js"></script>
26
- <script type="text/javascript" src="/assets/touch.js"></script>
27
-
28
- <!--{if svg_edit_release}-->
29
- <script type="text/javascript" src="/assets/svgedit.compiled.js"></script>
30
- <!--{else}>
31
- <script type="text/javascript" src="/assets/contextmenu/jquery.contextMenu.js"></script>
32
- <script type="text/javascript" src="/assets/browser.js"></script>
33
- <script type="text/javascript" src="/assets/svgtransformlist.js"></script>
34
- <script type="text/javascript" src="/assets/math.js"></script>
35
- <script type="text/javascript" src="/assets/units.js"></script>
36
- <script type="text/javascript" src="/assets/svgutils.js"></script>
37
- <script type="text/javascript" src="/assets/sanitize.js"></script>
38
- <script type="text/javascript" src="/assets/history.js"></script>
39
- <script type="text/javascript" src="/assets/select.js"></script>
40
- <script type="text/javascript" src="/assets/draw.js"></script>
41
- <script type="text/javascript" src="/assets/path.js"></script>
42
- <script type="text/javascript" src="/assets/svgcanvas.js"></script>
43
- <script type="text/javascript" src="/assets/svg-editor.js"></script>
44
- <script type="text/javascript" src="/assets/locale/locale.js"></script>
45
- <script type="text/javascript" src="/assets/contextmenu.js"></script>
46
- <!{endif}-->
47
-
48
- <!-- you can load extensions here -->
49
- <!-- <script type="text/javascript" src="/assets/extensions/ext-helloworld.js"></script> -->
50
-
51
- <!-- always minified scripts -->
52
- <script type="text/javascript" src="/assets/jquery-ui/jquery-ui-1.8.17.custom.min.js"></script>
53
- <script type="text/javascript" src="/assets/jgraduate/jpicker.js"></script>
54
-
55
- <!-- feeds -->
56
- <link rel="alternate" type="application/atom+xml" title="SVG-edit General Discussion" href="http://groups.google.com/group/svg-edit/feed/atom_v1_0_msgs.xml" />
57
- <link rel="alternate" type="application/atom+xml" title="SVG-edit Updates (Issues/Fixes/Commits)" href="http://code.google.com/feeds/p/svg-edit/updates/basic" />
58
-
59
- <!-- Add script with custom handlers here -->
60
- <title>SVG-edit</title>
61
- </head>
62
- <body>
63
- <div id="svg_editor">
64
-
65
- <div id="rulers">
66
- <div id="ruler_corner"></div>
67
- <div id="ruler_x">
68
- <div>
69
- <canvas height="15"></canvas>
70
- </div>
71
- </div>
72
- <div id="ruler_y">
73
- <div>
74
- <canvas width="15"></canvas>
75
- </div>
76
- </div>
77
- </div>
78
-
79
- <div id="workarea">
80
- <style id="styleoverrides" type="text/css" media="screen" scoped="scoped"></style>
81
- <div id="svgcanvas" style="position:relative" autocomplete="off">
82
-
83
- </div>
84
- </div>
85
-
86
- <div id="sidepanels">
87
- <div id="layerpanel">
88
- <h3 id="layersLabel">Layers</h3>
89
- <fieldset id="layerbuttons">
90
- <div id="layer_new" class="layer_button" title="New Layer"></div>
91
- <div id="layer_delete" class="layer_button" title="Delete Layer"></div>
92
- <div id="layer_rename" class="layer_button" title="Rename Layer"></div>
93
- <div id="layer_up" class="layer_button" title="Move Layer Up"></div>
94
- <div id="layer_down" class="layer_button" title="Move Layer Down"></div>
95
- <div id="layer_moreopts" class="layer_button" title="More Options"></div>
96
- </fieldset>
97
-
98
- <table id="layerlist">
99
- <tr class="layer">
100
- <td class="layervis"></td>
101
- <td class="layername">Layer 1</td>
102
- </tr>
103
- </table>
104
- <span id="selLayerLabel">Move elements to:</span>
105
- <select id="selLayerNames" title="Move selected elements to a different layer" disabled="disabled">
106
- <option selected="selected" value="layer1">Layer 1</option>
107
- </select>
108
- </div>
109
- <div id="sidepanel_handle" title="Drag left/right to resize side panel [X]">L a y e r s</div>
110
- </div>
111
-
112
- <div id="main_button">
113
- <div id="main_icon" class="tool_button" title="Main Menu">
114
- <span>SVG-Edit</span>
115
- <div id="logo"></div>
116
- <div class="dropdown"></div>
117
- </div>
118
-
119
- <div id="main_menu">
120
-
121
- <!-- File-like buttons: New, Save, Source -->
122
- <ul>
123
- <li id="tool_clear">
124
- <div></div>
125
- New Image (N)
126
- </li>
127
-
128
- <li id="tool_open" style="display:none;">
129
- <div id="fileinputs">
130
- <div></div>
131
- </div>
132
- Open Image
133
- </li>
134
-
135
- <li id="tool_import" style="display:none;">
136
- <div id="fileinputs_import">
137
- <div></div>
138
- </div>
139
- Import Image
140
- </li>
141
-
142
- <li id="tool_save">
143
- <div></div>
144
- Save Image (S)
145
- </li>
146
-
147
- <li id="tool_export">
148
- <div></div>
149
- Export as PNG
150
- </li>
151
-
152
- <li id="tool_docprops">
153
- <div></div>
154
- Document Properties (D)
155
- </li>
156
- </ul>
157
-
158
- <p>
159
- <a href="http://svg-edit.googlecode.com/" target="_blank">
160
- SVG-edit Home Page
161
- </a>
162
- </p>
163
-
164
- <button id="tool_prefs_option">
165
- Editor Options
166
- </button>
167
-
168
-
169
- </div>
170
- </div>
171
-
172
-
173
-
174
- <div id="tools_top" class="tools_panel">
175
-
176
- <div id="editor_panel">
177
- <div class="tool_sep"></div>
178
- <div class="push_button" id="tool_source" title="Edit Source [U]"></div>
179
- <div class="tool_button" id="tool_wireframe" title="Wireframe Mode [F]"></div>
180
- </div>
181
-
182
- <!-- History buttons -->
183
- <div id="history_panel">
184
- <div class="tool_sep"></div>
185
- <div class="push_button tool_button_disabled" id="tool_undo" title="Undo [Z]"></div>
186
- <div class="push_button tool_button_disabled" id="tool_redo" title="Redo [Y]"></div>
187
- </div>
188
-
189
- <!-- Buttons when a single element is selected -->
190
- <div id="selected_panel">
191
- <div class="toolset">
192
- <div class="tool_sep"></div>
193
- <div class="push_button" id="tool_clone" title="Duplicate Element [D]"></div>
194
- <div class="push_button" id="tool_delete" title="Delete Element [Delete/Backspace]"></div>
195
- <div class="tool_sep"></div>
196
- <div class="push_button" id="tool_move_top" title="Bring to Front [ Ctrl+Shift+] ]"></div>
197
- <div class="push_button" id="tool_move_bottom" title="Send to Back [ Ctrl+Shift+[ ]"></div>
198
- <div class="push_button" id="tool_topath" title="Convert to Path"></div>
199
- <div class="push_button" id="tool_reorient" title="Reorient path"></div>
200
- <div class="push_button" id="tool_make_link" title="Make (hyper)link"></div>
201
- <div class="tool_sep"></div>
202
- <label id="idLabel" title="Identify the element">
203
- <span>id:</span>
204
- <input id="elem_id" class="attr_changer" data-attr="id" size="10" type="text"/>
205
- </label>
206
- </div>
207
-
208
- <label id="tool_angle" title="Change rotation angle" class="toolset">
209
- <span id="angleLabel" class="icon_label"></span>
210
- <input id="angle" size="2" value="0" type="text"/>
211
- </label>
212
-
213
- <div class="toolset" id="tool_blur" title="Change gaussian blur value">
214
- <label>
215
- <span id="blurLabel" class="icon_label"></span>
216
- <input id="blur" size="2" value="0" type="text"/>
217
- </label>
218
- <div id="blur_dropdown" class="dropdown">
219
- <button></button>
220
- <ul>
221
- <li class="special"><div id="blur_slider"></div></li>
222
- </ul>
223
- </div>
224
- </div>
225
-
226
- <div class="dropdown toolset" id="tool_position" title="Align Element to Page">
227
- <div id="cur_position" class="icon_label"></div>
228
- <button></button>
229
- </div>
230
-
231
- <div id="xy_panel" class="toolset">
232
- <label>
233
- x: <input id="selected_x" class="attr_changer" title="Change X coordinate" size="3" data-attr="x"/>
234
- </label>
235
- <label>
236
- y: <input id="selected_y" class="attr_changer" title="Change Y coordinate" size="3" data-attr="y"/>
237
- </label>
238
- </div>
239
- </div>
240
-
241
- <!-- Buttons when multiple elements are selected -->
242
- <div id="multiselected_panel">
243
- <div class="tool_sep"></div>
244
- <div class="push_button" id="tool_clone_multi" title="Clone Elements [C]"></div>
245
- <div class="push_button" id="tool_delete_multi" title="Delete Selected Elements [Delete/Backspace]"></div>
246
- <div class="tool_sep"></div>
247
- <div class="push_button" id="tool_group" title="Group Elements [G]"></div>
248
- <div class="push_button" id="tool_make_link_multi" title="Make (hyper)link"></div>
249
- <div class="push_button" id="tool_alignleft" title="Align Left"></div>
250
- <div class="push_button" id="tool_aligncenter" title="Align Center"></div>
251
- <div class="push_button" id="tool_alignright" title="Align Right"></div>
252
- <div class="push_button" id="tool_aligntop" title="Align Top"></div>
253
- <div class="push_button" id="tool_alignmiddle" title="Align Middle"></div>
254
- <div class="push_button" id="tool_alignbottom" title="Align Bottom"></div>
255
- <label id="tool_align_relative">
256
- <span id="relativeToLabel">relative to:</span>
257
- <select id="align_relative_to" title="Align relative to ...">
258
- <option id="selected_objects" value="selected">selected objects</option>
259
- <option id="largest_object" value="largest">largest object</option>
260
- <option id="smallest_object" value="smallest">smallest object</option>
261
- <option id="page" value="page">page</option>
262
- </select>
263
- </label>
264
- <div class="tool_sep"></div>
265
-
266
- </div>
267
-
268
- <div id="rect_panel">
269
- <div class="toolset">
270
- <label id="rect_width_tool" title="Change rectangle width">
271
- <span id="rwidthLabel" class="icon_label"></span>
272
- <input id="rect_width" class="attr_changer" size="3" data-attr="width"/>
273
- </label>
274
- <label id="rect_height_tool" title="Change rectangle height">
275
- <span id="rheightLabel" class="icon_label"></span>
276
- <input id="rect_height" class="attr_changer" size="3" data-attr="height"/>
277
- </label>
278
- </div>
279
- <label id="cornerRadiusLabel" title="Change Rectangle Corner Radius" class="toolset">
280
- <span class="icon_label"></span>
281
- <input id="rect_rx" size="3" value="0" type="text" data-attr="Corner Radius"/>
282
- </label>
283
- </div>
284
-
285
- <div id="image_panel">
286
- <div class="toolset">
287
- <label><span id="iwidthLabel" class="icon_label"></span>
288
- <input id="image_width" class="attr_changer" title="Change image width" size="3" data-attr="width"/>
289
- </label>
290
- <label><span id="iheightLabel" class="icon_label"></span>
291
- <input id="image_height" class="attr_changer" title="Change image height" size="3" data-attr="height"/>
292
- </label>
293
- </div>
294
- <div class="toolset">
295
- <label id="tool_image_url">url:
296
- <input id="image_url" type="text" title="Change URL" size="35"/>
297
- </label>
298
- <label id="tool_change_image">
299
- <button id="change_image_url" style="display:none;">Change Image</button>
300
- <span id="url_notice" title="NOTE: This image cannot be embedded. It will depend on this path to be displayed"></span>
301
- </label>
302
- </div>
303
- </div>
304
-
305
- <div id="circle_panel">
306
- <div class="toolset">
307
- <label id="tool_circle_cx">cx:
308
- <input id="circle_cx" class="attr_changer" title="Change circle's cx coordinate" size="3" data-attr="cx"/>
309
- </label>
310
- <label id="tool_circle_cy">cy:
311
- <input id="circle_cy" class="attr_changer" title="Change circle's cy coordinate" size="3" data-attr="cy"/>
312
- </label>
313
- </div>
314
- <div class="toolset">
315
- <label id="tool_circle_r">r:
316
- <input id="circle_r" class="attr_changer" title="Change circle's radius" size="3" data-attr="r"/>
317
- </label>
318
- </div>
319
- </div>
320
-
321
- <div id="ellipse_panel">
322
- <div class="toolset">
323
- <label id="tool_ellipse_cx">cx:
324
- <input id="ellipse_cx" class="attr_changer" title="Change ellipse's cx coordinate" size="3" data-attr="cx"/>
325
- </label>
326
- <label id="tool_ellipse_cy">cy:
327
- <input id="ellipse_cy" class="attr_changer" title="Change ellipse's cy coordinate" size="3" data-attr="cy"/>
328
- </label>
329
- </div>
330
- <div class="toolset">
331
- <label id="tool_ellipse_rx">rx:
332
- <input id="ellipse_rx" class="attr_changer" title="Change ellipse's x radius" size="3" data-attr="rx"/>
333
- </label>
334
- <label id="tool_ellipse_ry">ry:
335
- <input id="ellipse_ry" class="attr_changer" title="Change ellipse's y radius" size="3" data-attr="ry"/>
336
- </label>
337
- </div>
338
- </div>
339
-
340
- <div id="line_panel">
341
- <div class="toolset">
342
- <label id="tool_line_x1">x1:
343
- <input id="line_x1" class="attr_changer" title="Change line's starting x coordinate" size="3" data-attr="x1"/>
344
- </label>
345
- <label id="tool_line_y1">y1:
346
- <input id="line_y1" class="attr_changer" title="Change line's starting y coordinate" size="3" data-attr="y1"/>
347
- </label>
348
- </div>
349
- <div class="toolset">
350
- <label id="tool_line_x2">x2:
351
- <input id="line_x2" class="attr_changer" title="Change line's ending x coordinate" size="3" data-attr="x2"/>
352
- </label>
353
- <label id="tool_line_y2">y2:
354
- <input id="line_y2" class="attr_changer" title="Change line's ending y coordinate" size="3" data-attr="y2"/>
355
- </label>
356
- </div>
357
- </div>
358
-
359
- <div id="text_panel">
360
- <div class="toolset">
361
- <div class="tool_button" id="tool_bold" title="Bold Text [B]"><span></span>B</div>
362
- <div class="tool_button" id="tool_italic" title="Italic Text [I]"><span></span>i</div>
363
- </div>
364
-
365
- <div class="toolset" id="tool_font_family">
366
- <label>
367
- <!-- Font family -->
368
- <input id="font_family" type="text" title="Change Font Family" size="12"/>
369
- </label>
370
- <div id="font_family_dropdown" class="dropdown">
371
- <button></button>
372
- <ul>
373
- <li style="font-family:serif">Serif</li>
374
- <li style="font-family:sans-serif">Sans-serif</li>
375
- <li style="font-family:cursive">Cursive</li>
376
- <li style="font-family:fantasy">Fantasy</li>
377
- <li style="font-family:monospace">Monospace</li>
378
- </ul>
379
- </div>
380
- </div>
381
-
382
- <label id="tool_font_size" title="Change Font Size">
383
- <span id="font_sizeLabel" class="icon_label"></span>
384
- <input id="font_size" size="3" value="0" type="text"/>
385
- </label>
386
-
387
- <!-- Not visible, but still used -->
388
- <input id="text" type="text" size="35"/>
389
- </div>
390
-
391
- <!-- formerly gsvg_panel -->
392
- <div id="container_panel">
393
- <div class="tool_sep"></div>
394
-
395
- <!-- Add viewBox field here? -->
396
-
397
- <label id="group_title" title="Group identification label">
398
- <span>label:</span>
399
- <input id="g_title" data-attr="title" size="10" type="text"/>
400
- </label>
401
- </div>
402
-
403
- <div id="use_panel">
404
- <div class="push_button" id="tool_unlink_use" title="Break link to reference element (make unique)"></div>
405
- </div>
406
-
407
- <div id="g_panel">
408
- <div class="push_button" id="tool_ungroup" title="Ungroup Elements [G]"></div>
409
- </div>
410
-
411
- <!-- For anchor elements -->
412
- <div id="a_panel">
413
- <label id="tool_link_url" title="Set link URL (leave empty to remove)">
414
- <span id="linkLabel" class="icon_label"></span>
415
- <input id="link_url" type="text" size="35"/>
416
- </label>
417
- </div>
418
-
419
- <div id="path_node_panel">
420
- <div class="tool_sep"></div>
421
- <div class="tool_button push_button_pressed" id="tool_node_link" title="Link Control Points"></div>
422
- <div class="tool_sep"></div>
423
- <label id="tool_node_x">x:
424
- <input id="path_node_x" class="attr_changer" title="Change node's x coordinate" size="3" data-attr="x"/>
425
- </label>
426
- <label id="tool_node_y">y:
427
- <input id="path_node_y" class="attr_changer" title="Change node's y coordinate" size="3" data-attr="y"/>
428
- </label>
429
-
430
- <select id="seg_type" title="Change Segment type">
431
- <option id="straight_segments" selected="selected" value="4">Straight</option>
432
- <option id="curve_segments" value="6">Curve</option>
433
- </select>
434
- <div class="tool_button" id="tool_node_clone" title="Clone Node"></div>
435
- <div class="tool_button" id="tool_node_delete" title="Delete Node"></div>
436
- <div class="tool_button" id="tool_openclose_path" title="Open/close sub-path"></div>
437
- <div class="tool_button" id="tool_add_subpath" title="Add sub-path"></div>
438
- </div>
439
- </div> <!-- tools_top -->
440
- <div id="cur_context_panel">
441
-
442
- </div>
443
-
444
-
445
- <div id="tools_left" class="tools_panel">
446
- <div class="tool_button" id="tool_select" title="Select Tool"></div>
447
- <div class="tool_button" id="tool_fhpath" title="Pencil Tool"></div>
448
- <div class="tool_button" id="tool_line" title="Line Tool"></div>
449
- <div class="tool_button flyout_current" id="tools_rect_show" title="Square/Rect Tool">
450
- <div class="flyout_arrow_horiz"></div>
451
- </div>
452
- <div class="tool_button flyout_current" id="tools_ellipse_show" title="Ellipse/Circle Tool">
453
- <div class="flyout_arrow_horiz"></div>
454
- </div>
455
- <div class="tool_button" id="tool_path" title="Path Tool"></div>
456
- <div class="tool_button" id="tool_text" title="Text Tool"></div>
457
- <div class="tool_button" id="tool_image" title="Image Tool"></div>
458
- <div class="tool_button" id="tool_zoom" title="Zoom Tool [Ctrl+Up/Down]"></div>
459
-
460
- <div style="display: none">
461
- <div id="tool_rect" title="Rectangle"></div>
462
- <div id="tool_square" title="Square"></div>
463
- <div id="tool_fhrect" title="Free-Hand Rectangle"></div>
464
- <div id="tool_ellipse" title="Ellipse"></div>
465
- <div id="tool_circle" title="Circle"></div>
466
- <div id="tool_fhellipse" title="Free-Hand Ellipse"></div>
467
- </div>
468
- </div> <!-- tools_left -->
469
-
470
- <div id="tools_bottom" class="tools_panel">
471
-
472
- <!-- Zoom buttons -->
473
- <div id="zoom_panel" class="toolset" title="Change zoom level">
474
- <label>
475
- <span id="zoomLabel" class="zoom_tool icon_label"></span>
476
- <input id="zoom" size="3" value="100" type="text" />
477
- </label>
478
- <div id="zoom_dropdown" class="dropdown">
479
- <button></button>
480
- <ul>
481
- <li>1000%</li>
482
- <li>400%</li>
483
- <li>200%</li>
484
- <li>100%</li>
485
- <li>50%</li>
486
- <li>25%</li>
487
- <li id="fit_to_canvas" data-val="canvas">Fit to canvas</li>
488
- <li id="fit_to_sel" data-val="selection">Fit to selection</li>
489
- <li id="fit_to_layer_content" data-val="layer">Fit to layer content</li>
490
- <li id="fit_to_all" data-val="content">Fit to all content</li>
491
- <li>100%</li>
492
- </ul>
493
- </div>
494
- <div class="tool_sep"></div>
495
- </div>
496
-
497
- <div id="tools_bottom_2">
498
- <div id="color_tools">
499
-
500
- <div class="color_tool" id="tool_fill">
501
- <label class="icon_label" for="fill_color" title="Change fill color"></label>
502
- <div class="color_block">
503
- <div id="fill_bg"></div>
504
- <div id="fill_color" class="color_block"></div>
505
- </div>
506
- </div>
507
-
508
- <div class="color_tool" id="tool_stroke">
509
- <label class="icon_label" title="Change stroke color"></label>
510
- <div class="color_block">
511
- <div id="stroke_bg"></div>
512
- <div id="stroke_color" class="color_block" title="Change stroke color"></div>
513
- </div>
514
-
515
- <label class="stroke_label">
516
- <input id="stroke_width" title="Change stroke width by 1, shift-click to change by 0.1" size="2" value="5" type="text" data-attr="Stroke Width"/>
517
- </label>
518
-
519
- <div id="toggle_stroke_tools" title="Show/hide more stroke tools"></div>
520
-
521
- <label class="stroke_tool">
522
- <select id="stroke_style" title="Change stroke dash style">
523
- <option selected="selected" value="none">&mdash;</option>
524
- <option value="2,2">...</option>
525
- <option value="5,5">- -</option>
526
- <option value="5,2,2,2">- .</option>
527
- <option value="5,2,2,2,2,2">- ..</option>
528
- </select>
529
- </label>
530
-
531
- <div class="stroke_tool dropdown" id="stroke_linejoin">
532
- <div id="cur_linejoin" title="Linejoin: Miter"></div>
533
- <button></button>
534
- </div>
535
-
536
- <div class="stroke_tool dropdown" id="stroke_linecap">
537
- <div id="cur_linecap" title="Linecap: Butt"></div>
538
- <button></button>
539
- </div>
540
-
541
- </div>
542
-
543
- <div class="color_tool" id="tool_opacity" title="Change selected item opacity">
544
- <label>
545
- <span id="group_opacityLabel" class="icon_label"></span>
546
- <input id="group_opacity" size="3" value="100" type="text"/>
547
- </label>
548
- <div id="opacity_dropdown" class="dropdown">
549
- <button></button>
550
- <ul>
551
- <li>0%</li>
552
- <li>25%</li>
553
- <li>50%</li>
554
- <li>75%</li>
555
- <li>100%</li>
556
- <li class="special"><div id="opac_slider"></div></li>
557
- </ul>
558
- </div>
559
- </div>
560
- </div>
561
-
562
- </div>
563
-
564
- <div id="tools_bottom_3">
565
- <div id="palette_holder"><div id="palette" title="Click to change fill color, shift-click to change stroke color"></div></div>
566
- </div>
567
- <!-- <div id="copyright"><span id="copyrightLabel">Powered by</span> <a href="http://svg-edit.googlecode.com/" target="_blank">SVG-edit v2.6-beta</a></div> -->
568
- </div>
569
-
570
- <div id="option_lists" class="dropdown">
571
- <ul id="linejoin_opts">
572
- <li class="tool_button current" id="linejoin_miter" title="Linejoin: Miter"></li>
573
- <li class="tool_button" id="linejoin_round" title="Linejoin: Round"></li>
574
- <li class="tool_button" id="linejoin_bevel" title="Linejoin: Bevel"></li>
575
- </ul>
576
-
577
- <ul id="linecap_opts">
578
- <li class="tool_button current" id="linecap_butt" title="Linecap: Butt"></li>
579
- <li class="tool_button" id="linecap_square" title="Linecap: Square"></li>
580
- <li class="tool_button" id="linecap_round" title="Linecap: Round"></li>
581
- </ul>
582
-
583
- <ul id="position_opts" class="optcols3">
584
- <li class="push_button" id="tool_posleft" title="Align Left"></li>
585
- <li class="push_button" id="tool_poscenter" title="Align Center"></li>
586
- <li class="push_button" id="tool_posright" title="Align Right"></li>
587
- <li class="push_button" id="tool_postop" title="Align Top"></li>
588
- <li class="push_button" id="tool_posmiddle" title="Align Middle"></li>
589
- <li class="push_button" id="tool_posbottom" title="Align Bottom"></li>
590
- </ul>
591
- </div>
592
-
593
-
594
- <!-- hidden divs -->
595
- <div id="color_picker"></div>
596
-
597
- </div> <!-- svg_editor -->
598
-
599
- <div id="svg_source_editor">
600
- <div id="svg_source_overlay"></div>
601
- <div id="svg_source_container">
602
- <div id="tool_source_back" class="toolbar_button">
603
- <button id="tool_source_save">Apply Changes</button>
604
- <button id="tool_source_cancel">Cancel</button>
605
- </div>
606
- <div id="save_output_btns">
607
- <p id="copy_save_note">Copy the contents of this box into a text editor, then save the file with a .svg extension.</p>
608
- <button id="copy_save_done">Done</button>
609
- </div>
610
- <form>
611
- <textarea id="svg_source_textarea" spellcheck="false"></textarea>
612
- </form>
613
- </div>
614
- </div>
615
-
616
-
617
- <div id="svg_docprops">
618
- <div id="svg_docprops_overlay"></div>
619
- <div id="svg_docprops_container">
620
- <div id="tool_docprops_back" class="toolbar_button">
621
- <button id="tool_docprops_save">OK</button>
622
- <button id="tool_docprops_cancel">Cancel</button>
623
- </div>
624
-
625
-
626
- <fieldset id="svg_docprops_docprops">
627
- <legend id="svginfo_image_props">Image Properties</legend>
628
- <label>
629
- <span id="svginfo_title">Title:</span>
630
- <input type="text" id="canvas_title"/>
631
- </label>
632
-
633
- <fieldset id="change_resolution">
634
- <legend id="svginfo_dim">Canvas Dimensions</legend>
635
-
636
- <label><span id="svginfo_width">width:</span> <input type="text" id="canvas_width" size="6"/></label>
637
-
638
- <label><span id="svginfo_height">height:</span> <input type="text" id="canvas_height" size="6"/></label>
639
-
640
- <label>
641
- <select id="resolution">
642
- <option id="selectedPredefined" selected="selected">Select predefined:</option>
643
- <option>640x480</option>
644
- <option>800x600</option>
645
- <option>1024x768</option>
646
- <option>1280x960</option>
647
- <option>1600x1200</option>
648
- <option id="fitToContent" value="content">Fit to Content</option>
649
- </select>
650
- </label>
651
- </fieldset>
652
-
653
- <fieldset id="image_save_opts">
654
- <legend id="includedImages">Included Images</legend>
655
- <label><input type="radio" name="image_opt" value="embed" checked="checked"/> <span id="image_opt_embed">Embed data (local files)</span> </label>
656
- <label><input type="radio" name="image_opt" value="ref"/> <span id="image_opt_ref">Use file reference</span> </label>
657
- </fieldset>
658
- </fieldset>
659
-
660
- </div>
661
- </div>
662
-
663
- <div id="svg_prefs">
664
- <div id="svg_prefs_overlay"></div>
665
- <div id="svg_prefs_container">
666
- <div id="tool_prefs_back" class="toolbar_button">
667
- <button id="tool_prefs_save">OK</button>
668
- <button id="tool_prefs_cancel">Cancel</button>
669
- </div>
670
-
671
- <fieldset>
672
- <legend id="svginfo_editor_prefs">Editor Preferences</legend>
673
-
674
- <label><span id="svginfo_lang">Language:</span>
675
- <!-- Source: http://en.wikipedia.org/wiki/Language_names -->
676
- <select id="lang_select">
677
- <option id="lang_ar" value="ar">العربية</option>
678
- <option id="lang_cs" value="cs">Čeština</option>
679
- <option id="lang_de" value="de">Deutsch</option>
680
- <option id="lang_en" value="en" selected="selected">English</option>
681
- <option id="lang_es" value="es">Español</option>
682
- <option id="lang_fa" value="fa">فارسی</option>
683
- <option id="lang_fr" value="fr">Français</option>
684
- <option id="lang_fy" value="fy">Frysk</option>
685
- <option id="lang_hi" value="hi">&#2361;&#2367;&#2344;&#2381;&#2342;&#2368;, &#2361;&#2367;&#2306;&#2342;&#2368;</option>
686
- <option id="lang_it" value="it">Italiano</option>
687
- <option id="lang_ja" value="ja">日本語</option>
688
- <option id="lang_nl" value="nl">Nederlands</option>
689
- <option id="lang_pt-BR" value="pt-BR">Português (BR)</option>
690
- <option id="lang_ro" value="ro">Română</option>
691
- <option id="lang_ru" value="ru">Русский</option>
692
- <option id="lang_sk" value="sk">Slovenčina</option>
693
- <option id="lang_zh-TW" value="zh-TW">繁體中文</option>
694
- </select>
695
- </label>
696
-
697
- <label><span id="svginfo_icons">Icon size:</span>
698
- <select id="iconsize">
699
- <option id="icon_small" value="s">Small</option>
700
- <option id="icon_medium" value="m" selected="selected">Medium</option>
701
- <option id="icon_large" value="l">Large</option>
702
- <option id="icon_xlarge" value="xl">Extra Large</option>
703
- </select>
704
- </label>
705
-
706
- <fieldset id="change_background">
707
- <legend id="svginfo_change_background">Editor Background</legend>
708
- <div id="bg_blocks"></div>
709
- <label><span id="svginfo_bg_url">URL:</span> <input type="text" id="canvas_bg_url"/></label>
710
- <p id="svginfo_bg_note">Note: Background will not be saved with image.</p>
711
- </fieldset>
712
-
713
- <fieldset id="change_grid">
714
- <legend id="svginfo_grid_settings">Grid</legend>
715
- <label><span id="svginfo_snap_onoff">Snapping on/off</span><input type="checkbox" value="snapping_on" id="grid_snapping_on"></label>
716
- <label><span id="svginfo_snap_step">Snapping Step-Size:</span> <input type="text" id="grid_snapping_step" size="3" value="10"/></label>
717
- </fieldset>
718
-
719
- <fieldset id="units_rulers">
720
- <legend id="svginfo_units_rulers">Units & Rulers</legend>
721
- <label><span id="svginfo_rulers_onoff">Show rulers</span><input type="checkbox" value="show_rulers" id="show_rulers" checked></label>
722
- <label>
723
- <span id="svginfo_unit">Base Unit:</span>
724
- <select id="base_unit">
725
- <option value="px">Pixels</option>
726
- <option value="cm">Centimeters</option>
727
- <option value="mm">Millimeters</option>
728
- <option value="in">Inches</option>
729
- <option value="pt">Points</option>
730
- <option value="pc">Picas</option>
731
- <option value="em">Ems</option>
732
- <option value="ex">Exs</option>
733
- </select>
734
- </label>
735
- <!-- Should this be an export option instead? -->
736
- <!--
737
- <span id="svginfo_unit_system">Unit System:</span>
738
- <label>
739
- <input type="radio" name="unit_system" value="single" checked="checked"/>
740
- <span id="svginfo_single_type_unit">Single type unit</span>
741
- <small id="svginfo_single_type_unit_sub">CSS unit type is set on root element. If a different unit type is entered in a text field, it is converted back to user units on export.</small>
742
- </label>
743
- <label>
744
- <input type="radio" name="unit_system" value="multi"/>
745
- <span id="svginfo_multi_units">Multiple CSS units</span>
746
- <small id="svginfo_single_type_unit_sub">Attributes can be given different CSS units, which may lead to inconsistant results among viewers.</small>
747
- </label>
748
- -->
749
- </fieldset>
750
-
751
- </fieldset>
752
-
753
- </div>
754
- </div>
755
-
756
- <div id="dialog_box">
757
- <div id="dialog_box_overlay"></div>
758
- <div id="dialog_container">
759
- <div id="dialog_content"></div>
760
- <div id="dialog_buttons"></div>
761
- </div>
762
- </div>
763
-
764
- <ul id="cmenu_canvas" class="contextMenu">
765
- <li><a href="#cut">Cut</a></li>
766
- <li><a href="#copy">Copy</a></li>
767
- <li><a href="#paste">Paste</a></li>
768
- <li><a href="#paste_in_place">Paste in Place</a></li>
769
- <li class="separator"><a href="#delete">Delete</a></li>
770
- <li class="separator"><a href="#group">Group<span class="shortcut">G</span></a></li>
771
- <li><a href="#ungroup">Ungroup<span class="shortcut">G</span></a></li>
772
- <li class="separator"><a href="#move_front">Bring to Front<span class="shortcut">SHFT+CTRL+]</span></a></li>
773
- <li><a href="#move_up">Bring Forward<span class="shortcut">CTRL+]</span></a></li>
774
- <li><a href="#move_down">Send Backward<span class="shortcut">CTRL+[</span></a></li>
775
- <li><a href="#move_back">Send to Back<span class="shortcut">SHFT+CTRL+[</span></a></li>
776
- </ul>
777
-
778
-
779
- <ul id="cmenu_layers" class="contextMenu">
780
- <li><a href="#dupe">Duplicate Layer...</a></li>
781
- <li><a href="#delete">Delete Layer</a></li>
782
- <li><a href="#merge_down">Merge Down</a></li>
783
- <li><a href="#merge_all">Merge All</a></li>
784
- </ul>
785
-
786
- </body>
787
- </html>
788
-