sketchily 0.3.0 → 1.0.0

Sign up to get free protection for your applications and to get access to all the features.
Files changed (33) hide show
  1. data/README.md +20 -9
  2. data/app/assets/javascripts/sketchily.js +10 -0
  3. data/app/assets/javascripts/sketchily.js~ +2 -0
  4. data/app/assets/javascripts/sketchily_embed.js +3 -0
  5. data/app/assets/javascripts/sketchily_embed.js~ +2 -0
  6. data/app/assets/stylesheets/sketchily.css +7 -0
  7. data/app/assets/stylesheets/sketchily.css~ +6 -0
  8. data/app/views/sketchily/_embed.html.erb +1 -2
  9. data/app/views/sketchily/_embed.html.erb~ +2 -2
  10. data/lib/sketchily.rb +10 -4
  11. data/lib/sketchily.rb~ +12 -4
  12. data/lib/sketchily/railtie.rb~ +8 -0
  13. data/lib/sketchily/sketchily.rb +1 -0
  14. data/lib/sketchily/sketchily.rb~ +28 -0
  15. data/lib/sketchily/sketchily_tag.rb +1 -0
  16. data/lib/sketchily/sketchily_tag.rb~ +15 -0
  17. data/lib/sketchily/version.rb +1 -1
  18. data/lib/sketchily/version.rb~ +1 -1
  19. data/vendor/assets/svg-edit-2.6/browser-not-supported.html +2 -2
  20. data/vendor/assets/svg-edit-2.6/browser-not-supported.html~ +27 -0
  21. data/vendor/assets/svg-edit-2.6/embedapi.html +2 -2
  22. data/vendor/assets/svg-edit-2.6/embedapi.html~ +56 -0
  23. data/vendor/assets/svg-edit-2.6/extensions/ext-grid.js +1 -1
  24. data/vendor/assets/svg-edit-2.6/extensions/ext-grid.js~ +184 -0
  25. data/vendor/assets/svg-edit-2.6/locale/lang.ro.js +2 -2
  26. data/vendor/assets/svg-edit-2.6/locale/lang.ro.js~ +234 -0
  27. data/vendor/assets/svg-edit-2.6/spinbtn/JQuerySpinBtn.css +1 -1
  28. data/vendor/assets/svg-edit-2.6/spinbtn/JQuerySpinBtn.css~ +41 -0
  29. data/vendor/assets/svg-edit-2.6/svg-editor.html +2 -45
  30. data/vendor/assets/svg-edit-2.6/svg-editor.html~ +746 -0
  31. data/vendor/assets/svg-edit-2.6/svg-editor.js +1 -1
  32. data/vendor/assets/svg-edit-2.6/svg-editor.js~ +4969 -0
  33. metadata +18 -2
@@ -134,7 +134,7 @@ svgEditor.readLang({
134
134
  "add_subpath": "Adăugaţi sub-traiectorie",
135
135
  "openclose_path": "Deschide/inchide sub-traiectorie",
136
136
  "source_save": "Folosiţi Schimbările",
137
- "cut": "Tăiere"",
137
+ "cut": "Tăiere",
138
138
  "copy": "Copiere",
139
139
  "paste": "Reproducere",
140
140
  "paste_in_place": "Reproducere pe loc",
@@ -231,4 +231,4 @@ svgEditor.readLang({
231
231
  "URLloadFail": "Nu se poate încărca de la URL",
232
232
  "retrieving": "În preluare \"%s\"..."
233
233
  }
234
- });
234
+ });
@@ -0,0 +1,234 @@
1
+ svgEditor.readLang({
2
+ lang: "ro",
3
+ dir : "ltr",
4
+ common: {
5
+ "ok": "Ok",
6
+ "cancel": "Anulaţi",
7
+ "key_backspace": "backspace",
8
+ "key_del": "stergere",
9
+ "key_down": "jos",
10
+ "key_up": "sus",
11
+ "more_opts": "Mai multe opţiuni",
12
+ "url": "URL",
13
+ "width": "Lăţime",
14
+ "height": "Înălţime"
15
+ },
16
+ misc: {
17
+ "powered_by": "Powered by"
18
+ },
19
+ ui: {
20
+ "toggle_stroke_tools": "Arătaţi/ascundeţi mai multe unelte de contur",
21
+ "palette_info": "Faceţi clic pentru a schimba culoarea de umplere, Shift-clic pentru a schimba culoarea de contur",
22
+ "zoom_level": "Schimbarea nivelului de zoom",
23
+ "panel_drag": "Trageţi la stanga/dreapta pentru redimensionare panou lateral"
24
+ },
25
+ properties: {
26
+ "id": "Identificare element",
27
+ "fill_color": "Schimbarea culorii de umplere",
28
+ "stroke_color": "Schimbarea culorii de contur",
29
+ "stroke_style": "Schimbarea stilului de contur",
30
+ "stroke_width": "Schimbarea lăţimii conturului",
31
+ "pos_x": "Schimbă coordonata X",
32
+ "pos_y": "Schimbă coordonata Y",
33
+ "linecap_butt": "Capăt de linie: Butuc",
34
+ "linecap_round": "Capăt de linie: Rotund",
35
+ "linecap_square": "Capăt de linie: Patrat",
36
+ "linejoin_bevel": "Articulaţia liniei: Teşită",
37
+ "linejoin_miter": "Articulaţia liniei: Unghi ascuţit",
38
+ "linejoin_round": "Articulaţia liniei: Rotundă",
39
+ "angle": "Schimbarea unghiul de rotaţie",
40
+ "blur": "Schimbarea valorii estomparii gaussiene",
41
+ "opacity": "Schimbarea gradului de opacitate",
42
+ "circle_cx": "Schimbarea coordonatei CX a cercului",
43
+ "circle_cy": "Schimbarea coordonatei CY a cercului",
44
+ "circle_r": "Schimbarea razei cercului",
45
+ "ellipse_cx": "Schimbarea coordonatei CX a elipsei",
46
+ "ellipse_cy": "Schimbarea coordonatei CY a elipsei",
47
+ "ellipse_rx": "Schimbarea razei elipsei X",
48
+ "ellipse_ry": "Schimbarea razei elipsei Y",
49
+ "line_x1": "Schimbarea coordonatei x a punctului de start",
50
+ "line_x2": "Schimbarea coordonatei x a punctului final",
51
+ "line_y1": "Schimbarea coordonatei y a punctului de start",
52
+ "line_y2": "Schimbare coordonatei y a punctului final",
53
+ "rect_height": "Schimbarea înălţimii dreptunghiului",
54
+ "rect_width": "Schimbarea lăţimii dreptunghiului",
55
+ "corner_radius": "Schimbarea razei colţului dreptunghiului",
56
+ "image_width": "Schimbarea lăţimii imaginii",
57
+ "image_height": "Schimbarea înălţimii imaginii",
58
+ "image_url": "Schimbaţi URL-ul",
59
+ "node_x": "Schimbă coordonata x a punctului",
60
+ "node_y": "Schimbă coordonata x a punctului",
61
+ "seg_type": "Schimbă tipul de segment",
62
+ "straight_segments": "Drept",
63
+ "curve_segments": "Curb",
64
+ "text_contents": "Schimbarea Conţinutului textului",
65
+ "font_family": "Modificare familie de Fonturi",
66
+ "font_size": "Schimbă dimensiunea fontului",
67
+ "bold": "Text Îngroşat",
68
+ "italic": "Text Înclinat"
69
+ },
70
+ tools: {
71
+ "main_menu": "Menu Principal",
72
+ "bkgnd_color_opac": "Schimbare culoare de fundal / opacitate",
73
+ "connector_no_arrow": "Fără săgeată",
74
+ "fitToContent": "Dimensionare la conţinut",
75
+ "fit_to_all": "Potrivire la tot conţinutul",
76
+ "fit_to_canvas": "Potrivire la Şevalet",
77
+ "fit_to_layer_content": "Potrivire la conţinutul stratului",
78
+ "fit_to_sel": "Potrivire la selecţie",
79
+ "align_relative_to": "Alinierea în raport cu ...",
80
+ "relativeTo": "în raport cu:",
81
+ "de start": "de start",
82
+ "largest_object": "cel mai mare obiect",
83
+ "selected_objects": "obiectele alese",
84
+ "smallest_object": "cel mai mic obiect",
85
+ "new_doc": "Imagine nouă",
86
+ "open_doc": "Imagine deschisă",
87
+ "export_png": "Exportare ca şi PNG",
88
+ "save_doc": "Salvare imagine",
89
+ "import_doc": "Importare SVG",
90
+ "align_to_page": "Aliniere la pagină",
91
+ "align_bottom": "Alinierea jos",
92
+ "align_center": "Aliniere la centru",
93
+ "align_left": "Aliniere la stânga",
94
+ "align_middle": "Aliniere la mijloc",
95
+ "align_right": "Aliniere la dreapta",
96
+ "align_top": "Aliniere sus",
97
+ "mode_select": "Unealtă de Selectare",
98
+ "mode_fhpath": "Unealtă de Traiectorie",
99
+ "mode_line": "Unealtă de Linie",
100
+ "mode_connect": "Conectati doua obiecte",
101
+ "mode_rect": "Unealtă de Dreptunghi",
102
+ "mode_square": "Unealtă de Pătrat",
103
+ "mode_fhrect": "Dreptunghi cu mana liberă",
104
+ "mode_ellipse": "Elipsă",
105
+ "mode_circle": "Cerc",
106
+ "mode_fhellipse": "Elipsă cu mana liberă",
107
+ "mode_path": "Unealtă de Traiectorie",
108
+ "mode_shapelib": "Biblioteca de Form",
109
+ "mode_text": "Unealtă de Text",
110
+ "mode_image": "Unealtă de Imagine",
111
+ "mode_zoom": "Unealtă de Zoom",
112
+ "mode_eyedropper": "Unealtă de Selector Culoare",
113
+ "no_embed": "NOTE: Aceasta imagine nu poate fi inglobată. Va depinde de aceasta traiectorie pentru a fi prezentată.",
114
+ "undo": "Anulare",
115
+ "redo": "Refacere",
116
+ "tool_source": "Editare Cod Sursă",
117
+ "wireframe_mode": "Mod Schelet",
118
+ "toggle_grid": "Arată/ascunde Caroiaj",
119
+ "clone": "Clonează Elementul/ele",
120
+ "del": "Şterge Elementul/ele",
121
+ "group": "Grupare Elemente",
122
+ "make_link": "Crează (hyper)link",
123
+ "set_link_url": "Setează link URL (lăsaţi liber pentru eliminare)",
124
+ "to_path": "Converteşte in Traiectorie",
125
+ "reorient_path": "Reorientează Traiectoria",
126
+ "ungroup": "Anulare Grupare Elemente",
127
+ "docprops": "Proprietăţile Documentului",
128
+ "imagelib": "Bibliotecă de Imagini",
129
+ "move_bottom": "Mutare în jos",
130
+ "move_top": "Mutare în sus",
131
+ "node_clone": "Clonează Punct",
132
+ "node_delete": "Şterge Punct",
133
+ "node_link": "Uneşte Punctele de Control",
134
+ "add_subpath": "Adăugaţi sub-traiectorie",
135
+ "openclose_path": "Deschide/inchide sub-traiectorie",
136
+ "source_save": "Folosiţi Schimbările",
137
+ "cut": "Tăiere"",
138
+ "copy": "Copiere",
139
+ "paste": "Reproducere",
140
+ "paste_in_place": "Reproducere pe loc",
141
+ "delete": "Ştergere",
142
+ "group": "Grup",
143
+ "move_front": "Pune in faţa",
144
+ "move_up": "Pune in spate",
145
+ "move_down": "Trimite in faţa",
146
+ "move_back": "Trimite in spate"
147
+ },
148
+ layers: {
149
+ "layer":"Strat",
150
+ "layers": "Straturi",
151
+ "del": "Ştergeţi Strat",
152
+ "move_down": "Mutare Strat în Jos",
153
+ "new": "Strat Nou",
154
+ "rename": "Redenumiţi Stratul",
155
+ "move_up": "Mutare Strat în Sus",
156
+ "dupe": "Duplicaţi Stratul",
157
+ "merge_down": "Fuzionare in jos",
158
+ "merge_all": "Fuzionarea tuturor",
159
+ "move_elems_to": "Mută elemente la:",
160
+ "move_selected": "Mută elementele selectate pe un alt strat"
161
+ },
162
+ config: {
163
+ "image_props": "Proprietăţile Imaginii",
164
+ "doc_title": "Titlul",
165
+ "doc_dims": "Dimensiunile Şevaletului",
166
+ "included_images": "Imaginile Incluse",
167
+ "image_opt_embed": "Includeţi Datele (fişiere locale)",
168
+ "image_opt_ref": "Foloseşte referinţe la fişiere",
169
+ "editor_prefs": "Preferinţele Editorului",
170
+ "icon_size": "Dimensiunile Butoanelor",
171
+ "language": "Limba",
172
+ "background": "Fondul Editorului",
173
+ "editor_img_url": "URL-ul Imaginii",
174
+ "editor_bg_note": "Notă: Fondul nu va fi salvat cu imaginea.",
175
+ "icon_large": "Mari",
176
+ "icon_medium": "Medii",
177
+ "icon_small": "Mici",
178
+ "icon_xlarge": "Foarte Mari",
179
+ "select_predefined": "Selecţii predefinite:",
180
+ "units_and_rulers": "Unitati si Rigle",
181
+ "show_rulers": "Arată Riglele",
182
+ "base_unit": "Unitate de baza:",
183
+ "grid": "Caroiaj",
184
+ "snapping_onoff": "Fixare on/off",
185
+ "snapping_stepsize": "Dimensiunea pasului de fixare:"
186
+ },
187
+ shape_cats: {
188
+ "basic": "De bază",
189
+ "object": "Obiecte",
190
+ "symbol": "Simboluri",
191
+ "arrow": "Săgeti",
192
+ "flowchart": "Schemă Logică",
193
+ "animal": "Animale",
194
+ "game": "Cărti & şah",
195
+ "dialog_balloon": "Baloane de dialog",
196
+ "electronics": "Electronice",
197
+ "math": "Matematică",
198
+ "music": "Muzică",
199
+ "misc": "Diverse",
200
+ "raphael_1": "raphaeljs.com set 1",
201
+ "raphael_2": "raphaeljs.com set 2"
202
+ },
203
+ imagelib: {
204
+ "select_lib": "Selectati o biblioteca de imagini",
205
+ "show_list": "Arătaţi lista bibliotecii",
206
+ "import_single": "Importare unică",
207
+ "import_multi": "Importare multiplă",
208
+ "open": "Deschideţi ca si document nou"
209
+ },
210
+ notification: {
211
+ "invalidAttrValGiven":"Valoarea data nu este validă",
212
+ "noContentToFitTo":"Fara conţinut de referinţă",
213
+ "dupeLayerName":"Deja exista un strat numit asa!",
214
+ "enterUniqueLayerName":"Rog introduceţi un nume unic",
215
+ "enterNewLayerName":"Rog introduceţi un nume pentru strat",
216
+ "layerHasThatName":"Statul deja are acest nume",
217
+ "QmoveElemsToLayer":"Mutaţi elementele selectate pe stratul '%s'?",
218
+ "QwantToClear":"Doriti să ştergeţi desenul?\nAceasta va sterge si posibilitatea de anulare!",
219
+ "QwantToOpen":"Doriti sa deschideţi un nou fişier?\nAceasta va şterge istoricul!",
220
+ "QerrorsRevertToSource":"Sunt erori de parsing in sursa SVG.\nRevenire la sursa SVG orginală?",
221
+ "QignoreSourceChanges":"Ignoraţi schimbarile la sursa SVG?",
222
+ "featNotSupported":"Funcţie neimplementată",
223
+ "enterNewImgURL":"Introduceţi noul URL pentru Imagine",
224
+ "defsFailOnSave": "NOTE: Din cauza unei erori in browserul dv., aceasta imagine poate apare gresit (fara gradiente sau elemente). Însă va apare corect dupa salvare.",
225
+ "loadingImage":"Imaginea se incarcă, va rugam asteptaţi...",
226
+ "saveFromBrowser": "Selectează \"Salvează ca si...\" in browserul dv. pt. a salva aceasta imagine ca si fisier %s.",
227
+ "noteTheseIssues": "De asemenea remarcati urmatoarele probleme: ",
228
+ "unsavedChanges": "Sunt schimbări nesalvate.",
229
+ "enterNewLinkURL": "Introduceţi noul URL",
230
+ "errorLoadingSVG": "Eroare: Nu se pot încărca datele SVG",
231
+ "URLloadFail": "Nu se poate încărca de la URL",
232
+ "retrieving": "În preluare \"%s\"..."
233
+ }
234
+ });
@@ -27,7 +27,7 @@ INPUT.spin-button {
27
27
  padding: 2px 20px 2px 2px;
28
28
  background-repeat:no-repeat; /* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
29
29
  background-position:100% 0%;
30
- background-image:url('spinbtn_updn.png');
30
+ background-image:url('spinbtn/spinbtn_updn.png');
31
31
  background-color:white; /* Needed for Opera */
32
32
  }
33
33
 
@@ -0,0 +1,41 @@
1
+ /*
2
+ Styles to make ordinary <INPUT type="text"/> look like a spinbutton/spinbox control.
3
+ Use with JQuerySpinBtn.js to provide the spin functionality by reacting to mouse etc.
4
+ (Requires a reference to the JQuery library found at http://jquery.com/src/latest/)
5
+ (Hats-off to John Resig for creating the excellent JQuery library. It is fab.)
6
+
7
+ This control is achieved with no extra html markup whatsoever and uses unobtrusive javascript.
8
+
9
+ Written by George Adamson, Software Unity (george.jquery@softwareunity.com) September 2006.
10
+ Big improvements added by Mark Gibson, (mgibson@designlinks.net) September 2006.
11
+
12
+ Do contact me with comments and suggestions but please don't ask for support.
13
+ As much as I'd love to help with specific problems I have plenty to get on with already!
14
+
15
+ Go ahead and use it in your own projects. This code is provided 'as is'.
16
+ Sure I've tested in heaps of ways. Its good for me, but you use it at your own risk.
17
+ SoftwareUnity and I are certainly not responsible if your computer sets fire to the sofa,
18
+ hacks into the pentagon, hijacks a plane or gives you any kind of hassle whatsoever.
19
+
20
+ If you'd like your spin-button image in a different place then you'll need to alter both
21
+ the CSS below and the javascript isMouseOverUpDn() function to accommodate the new position.
22
+ You could even have left and right buttons either side of the textbox.
23
+ */
24
+
25
+ INPUT.spin-button {
26
+ /* explicitly put padding for top/bottom/left in here so that Opera displays it better */
27
+ padding: 2px 20px 2px 2px;
28
+ background-repeat:no-repeat; /* Warning: Img may disappear in Firefox if you use 'background-attachment:fixed' ! */
29
+ background-position:100% 0%;
30
+ background-image:url('/assets/spinbtn/spinbtn_updn.png');
31
+ background-color:white; /* Needed for Opera */
32
+ }
33
+
34
+ INPUT.spin-button.up { /* Change button img when mouse is over the UP-arrow */
35
+ cursor:pointer;
36
+ background-position:100% -18px; /* 18px matches height of 2 visible buttons */
37
+ }
38
+ INPUT.spin-button.down { /* Change button img when mouse is over the DOWN-arrow */
39
+ cursor:pointer;
40
+ background-position:100% -36px; /* 36px matches height of 2x2 visible buttons */
41
+ }
@@ -7,56 +7,13 @@
7
7
  <meta name="viewport" content="width=device-width; initial-scale=1.0; maximum-scale=1.0; user-scalable=no;"/>
8
8
  <meta name="apple-mobile-web-app-capable" content="yes"/>
9
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>
10
+ <link rel="stylesheet" href="/assets/sketchily.css" type="text/css"/>
11
+ <script type="text/javascript" src="/assets/sketchily.js"></script>
54
12
 
55
13
  <!-- feeds -->
56
14
  <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
15
  <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
16
 
59
- <!-- Add script with custom handlers here -->
60
17
  <title>SVG-edit</title>
61
18
  </head>
62
19
  <body>
@@ -0,0 +1,746 @@
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/sketchily.css" type="text/css"/>
11
+
12
+ <script type="text/javascript" src="/assets/sketchily.js"></script>
13
+
14
+ <!-- feeds -->
15
+ <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" />
16
+ <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" />
17
+
18
+ <title>SVG-edit</title>
19
+ </head>
20
+ <body>
21
+ <div id="svg_editor">
22
+
23
+ <div id="rulers">
24
+ <div id="ruler_corner"></div>
25
+ <div id="ruler_x">
26
+ <div>
27
+ <canvas height="15"></canvas>
28
+ </div>
29
+ </div>
30
+ <div id="ruler_y">
31
+ <div>
32
+ <canvas width="15"></canvas>
33
+ </div>
34
+ </div>
35
+ </div>
36
+
37
+ <div id="workarea">
38
+ <style id="styleoverrides" type="text/css" media="screen" scoped="scoped"></style>
39
+ <div id="svgcanvas" style="position:relative">
40
+
41
+ </div>
42
+ </div>
43
+
44
+ <div id="sidepanels">
45
+ <div id="layerpanel">
46
+ <h3 id="layersLabel">Layers</h3>
47
+ <fieldset id="layerbuttons">
48
+ <div id="layer_new" class="layer_button" title="New Layer"></div>
49
+ <div id="layer_delete" class="layer_button" title="Delete Layer"></div>
50
+ <div id="layer_rename" class="layer_button" title="Rename Layer"></div>
51
+ <div id="layer_up" class="layer_button" title="Move Layer Up"></div>
52
+ <div id="layer_down" class="layer_button" title="Move Layer Down"></div>
53
+ <div id="layer_moreopts" class="layer_button" title="More Options"></div>
54
+ </fieldset>
55
+
56
+ <table id="layerlist">
57
+ <tr class="layer">
58
+ <td class="layervis"></td>
59
+ <td class="layername">Layer 1</td>
60
+ </tr>
61
+ </table>
62
+ <span id="selLayerLabel">Move elements to:</span>
63
+ <select id="selLayerNames" title="Move selected elements to a different layer" disabled="disabled">
64
+ <option selected="selected" value="layer1">Layer 1</option>
65
+ </select>
66
+ </div>
67
+ <div id="sidepanel_handle" title="Drag left/right to resize side panel [X]">L a y e r s</div>
68
+ </div>
69
+
70
+ <div id="main_button">
71
+ <div id="main_icon" class="tool_button" title="Main Menu">
72
+ <span>SVG-Edit</span>
73
+ <div id="logo"></div>
74
+ <div class="dropdown"></div>
75
+ </div>
76
+ <div class="tool_sep"></div>
77
+
78
+ <div id="main_menu">
79
+
80
+ <!-- File-like buttons: New, Save, Source -->
81
+ <ul>
82
+ <li id="tool_clear">
83
+ <div></div>
84
+ New Image (N)
85
+ </li>
86
+
87
+ <li id="tool_open" style="display:none;">
88
+ <div id="fileinputs">
89
+ <div></div>
90
+ </div>
91
+ Open Image
92
+ </li>
93
+
94
+ <li id="tool_import" style="display:none;">
95
+ <div id="fileinputs_import">
96
+ <div></div>
97
+ </div>
98
+ Import Image
99
+ </li>
100
+
101
+ <li id="tool_save">
102
+ <div></div>
103
+ Save Image (S)
104
+ </li>
105
+
106
+ <li id="tool_export">
107
+ <div></div>
108
+ Export as PNG
109
+ </li>
110
+
111
+ <li id="tool_docprops">
112
+ <div></div>
113
+ Document Properties (D)
114
+ </li>
115
+ </ul>
116
+
117
+ <p>
118
+ <a href="http://svg-edit.googlecode.com/" target="_blank">
119
+ SVG-edit Home Page
120
+ </a>
121
+ </p>
122
+
123
+ <button id="tool_prefs_option">
124
+ Editor Options
125
+ </button>
126
+
127
+
128
+ </div>
129
+ </div>
130
+
131
+
132
+
133
+ <div id="tools_top" class="tools_panel">
134
+
135
+ <div id="editor_panel">
136
+ <div class="push_button" id="tool_source" title="Edit Source [U]"></div>
137
+ <div class="tool_button" id="tool_wireframe" title="Wireframe Mode [F]"></div>
138
+ </div>
139
+
140
+ <!-- History buttons -->
141
+ <div id="history_panel">
142
+ <div class="tool_sep"></div>
143
+ <div class="push_button tool_button_disabled" id="tool_undo" title="Undo [Z]"></div>
144
+ <div class="push_button tool_button_disabled" id="tool_redo" title="Redo [Y]"></div>
145
+ </div>
146
+
147
+ <!-- Buttons when a single element is selected -->
148
+ <div id="selected_panel">
149
+ <div class="toolset">
150
+ <div class="tool_sep"></div>
151
+ <div class="push_button" id="tool_clone" title="Duplicate Element [D]"></div>
152
+ <div class="push_button" id="tool_delete" title="Delete Element [Delete/Backspace]"></div>
153
+ <div class="tool_sep"></div>
154
+ <div class="push_button" id="tool_move_top" title="Bring to Front [ Ctrl+Shift+] ]"></div>
155
+ <div class="push_button" id="tool_move_bottom" title="Send to Back [ Ctrl+Shift+[ ]"></div>
156
+ <div class="push_button" id="tool_topath" title="Convert to Path"></div>
157
+ <div class="push_button" id="tool_reorient" title="Reorient path"></div>
158
+ <div class="push_button" id="tool_make_link" title="Make (hyper)link"></div>
159
+ <div class="tool_sep"></div>
160
+ <label id="idLabel" title="Identify the element">
161
+ <span>id:</span>
162
+ <input id="elem_id" class="attr_changer" data-attr="id" size="10" type="text"/>
163
+ </label>
164
+ </div>
165
+
166
+ <label id="tool_angle" title="Change rotation angle" class="toolset">
167
+ <span id="angleLabel" class="icon_label"></span>
168
+ <input id="angle" size="2" value="0" type="text"/>
169
+ </label>
170
+
171
+ <div class="toolset" id="tool_blur" title="Change gaussian blur value">
172
+ <label>
173
+ <span id="blurLabel" class="icon_label"></span>
174
+ <input id="blur" size="2" value="0" type="text"/>
175
+ </label>
176
+ <div id="blur_dropdown" class="dropdown">
177
+ <button></button>
178
+ <ul>
179
+ <li class="special"><div id="blur_slider"></div></li>
180
+ </ul>
181
+ </div>
182
+ </div>
183
+
184
+ <div class="dropdown toolset" id="tool_position" title="Align Element to Page">
185
+ <div id="cur_position" class="icon_label"></div>
186
+ <button></button>
187
+ </div>
188
+
189
+ <div id="xy_panel" class="toolset">
190
+ <label>
191
+ x: <input id="selected_x" class="attr_changer" title="Change X coordinate" size="3" data-attr="x"/>
192
+ </label>
193
+ <label>
194
+ y: <input id="selected_y" class="attr_changer" title="Change Y coordinate" size="3" data-attr="y"/>
195
+ </label>
196
+ </div>
197
+ </div>
198
+
199
+ <!-- Buttons when multiple elements are selected -->
200
+ <div id="multiselected_panel">
201
+ <div class="tool_sep"></div>
202
+ <div class="push_button" id="tool_clone_multi" title="Clone Elements [C]"></div>
203
+ <div class="push_button" id="tool_delete_multi" title="Delete Selected Elements [Delete/Backspace]"></div>
204
+ <div class="tool_sep"></div>
205
+ <div class="push_button" id="tool_group" title="Group Elements [G]"></div>
206
+ <div class="push_button" id="tool_make_link_multi" title="Make (hyper)link"></div>
207
+ <div class="push_button" id="tool_alignleft" title="Align Left"></div>
208
+ <div class="push_button" id="tool_aligncenter" title="Align Center"></div>
209
+ <div class="push_button" id="tool_alignright" title="Align Right"></div>
210
+ <div class="push_button" id="tool_aligntop" title="Align Top"></div>
211
+ <div class="push_button" id="tool_alignmiddle" title="Align Middle"></div>
212
+ <div class="push_button" id="tool_alignbottom" title="Align Bottom"></div>
213
+ <label id="tool_align_relative">
214
+ <span id="relativeToLabel">relative to:</span>
215
+ <select id="align_relative_to" title="Align relative to ...">
216
+ <option id="selected_objects" value="selected">selected objects</option>
217
+ <option id="largest_object" value="largest">largest object</option>
218
+ <option id="smallest_object" value="smallest">smallest object</option>
219
+ <option id="page" value="page">page</option>
220
+ </select>
221
+ </label>
222
+ <div class="tool_sep"></div>
223
+
224
+ </div>
225
+
226
+ <div id="rect_panel">
227
+ <div class="toolset">
228
+ <label id="rect_width_tool" title="Change rectangle width">
229
+ <span id="rwidthLabel" class="icon_label"></span>
230
+ <input id="rect_width" class="attr_changer" size="3" data-attr="width"/>
231
+ </label>
232
+ <label id="rect_height_tool" title="Change rectangle height">
233
+ <span id="rheightLabel" class="icon_label"></span>
234
+ <input id="rect_height" class="attr_changer" size="3" data-attr="height"/>
235
+ </label>
236
+ </div>
237
+ <label id="cornerRadiusLabel" title="Change Rectangle Corner Radius" class="toolset">
238
+ <span class="icon_label"></span>
239
+ <input id="rect_rx" size="3" value="0" type="text" data-attr="Corner Radius"/>
240
+ </label>
241
+ </div>
242
+
243
+ <div id="image_panel">
244
+ <div class="toolset">
245
+ <label><span id="iwidthLabel" class="icon_label"></span>
246
+ <input id="image_width" class="attr_changer" title="Change image width" size="3" data-attr="width"/>
247
+ </label>
248
+ <label><span id="iheightLabel" class="icon_label"></span>
249
+ <input id="image_height" class="attr_changer" title="Change image height" size="3" data-attr="height"/>
250
+ </label>
251
+ </div>
252
+ <div class="toolset">
253
+ <label id="tool_image_url">url:
254
+ <input id="image_url" type="text" title="Change URL" size="35"/>
255
+ </label>
256
+ <label id="tool_change_image">
257
+ <button id="change_image_url" style="display:none;">Change Image</button>
258
+ <span id="url_notice" title="NOTE: This image cannot be embedded. It will depend on this path to be displayed"></span>
259
+ </label>
260
+ </div>
261
+ </div>
262
+
263
+ <div id="circle_panel">
264
+ <div class="toolset">
265
+ <label id="tool_circle_cx">cx:
266
+ <input id="circle_cx" class="attr_changer" title="Change circle's cx coordinate" size="3" data-attr="cx"/>
267
+ </label>
268
+ <label id="tool_circle_cy">cy:
269
+ <input id="circle_cy" class="attr_changer" title="Change circle's cy coordinate" size="3" data-attr="cy"/>
270
+ </label>
271
+ </div>
272
+ <div class="toolset">
273
+ <label id="tool_circle_r">r:
274
+ <input id="circle_r" class="attr_changer" title="Change circle's radius" size="3" data-attr="r"/>
275
+ </label>
276
+ </div>
277
+ </div>
278
+
279
+ <div id="ellipse_panel">
280
+ <div class="toolset">
281
+ <label id="tool_ellipse_cx">cx:
282
+ <input id="ellipse_cx" class="attr_changer" title="Change ellipse's cx coordinate" size="3" data-attr="cx"/>
283
+ </label>
284
+ <label id="tool_ellipse_cy">cy:
285
+ <input id="ellipse_cy" class="attr_changer" title="Change ellipse's cy coordinate" size="3" data-attr="cy"/>
286
+ </label>
287
+ </div>
288
+ <div class="toolset">
289
+ <label id="tool_ellipse_rx">rx:
290
+ <input id="ellipse_rx" class="attr_changer" title="Change ellipse's x radius" size="3" data-attr="rx"/>
291
+ </label>
292
+ <label id="tool_ellipse_ry">ry:
293
+ <input id="ellipse_ry" class="attr_changer" title="Change ellipse's y radius" size="3" data-attr="ry"/>
294
+ </label>
295
+ </div>
296
+ </div>
297
+
298
+ <div id="line_panel">
299
+ <div class="toolset">
300
+ <label id="tool_line_x1">x1:
301
+ <input id="line_x1" class="attr_changer" title="Change line's starting x coordinate" size="3" data-attr="x1"/>
302
+ </label>
303
+ <label id="tool_line_y1">y1:
304
+ <input id="line_y1" class="attr_changer" title="Change line's starting y coordinate" size="3" data-attr="y1"/>
305
+ </label>
306
+ </div>
307
+ <div class="toolset">
308
+ <label id="tool_line_x2">x2:
309
+ <input id="line_x2" class="attr_changer" title="Change line's ending x coordinate" size="3" data-attr="x2"/>
310
+ </label>
311
+ <label id="tool_line_y2">y2:
312
+ <input id="line_y2" class="attr_changer" title="Change line's ending y coordinate" size="3" data-attr="y2"/>
313
+ </label>
314
+ </div>
315
+ </div>
316
+
317
+ <div id="text_panel">
318
+ <div class="toolset">
319
+ <div class="tool_button" id="tool_bold" title="Bold Text [B]"><span></span>B</div>
320
+ <div class="tool_button" id="tool_italic" title="Italic Text [I]"><span></span>i</div>
321
+ </div>
322
+
323
+ <div class="toolset" id="tool_font_family">
324
+ <label>
325
+ <!-- Font family -->
326
+ <input id="font_family" type="text" title="Change Font Family" size="12"/>
327
+ </label>
328
+ <div id="font_family_dropdown" class="dropdown">
329
+ <button></button>
330
+ <ul>
331
+ <li style="font-family:serif">Serif</li>
332
+ <li style="font-family:sans-serif">Sans-serif</li>
333
+ <li style="font-family:cursive">Cursive</li>
334
+ <li style="font-family:fantasy">Fantasy</li>
335
+ <li style="font-family:monospace">Monospace</li>
336
+ </ul>
337
+ </div>
338
+ </div>
339
+
340
+ <label id="tool_font_size" title="Change Font Size">
341
+ <span id="font_sizeLabel" class="icon_label"></span>
342
+ <input id="font_size" size="3" value="0" type="text"/>
343
+ </label>
344
+
345
+ <!-- Not visible, but still used -->
346
+ <input id="text" type="text" size="35"/>
347
+ </div>
348
+
349
+ <!-- formerly gsvg_panel -->
350
+ <div id="container_panel">
351
+ <div class="tool_sep"></div>
352
+
353
+ <!-- Add viewBox field here? -->
354
+
355
+ <label id="group_title" title="Group identification label">
356
+ <span>label:</span>
357
+ <input id="g_title" data-attr="title" size="10" type="text"/>
358
+ </label>
359
+ </div>
360
+
361
+ <div id="use_panel">
362
+ <div class="push_button" id="tool_unlink_use" title="Break link to reference element (make unique)"></div>
363
+ </div>
364
+
365
+ <div id="g_panel">
366
+ <div class="push_button" id="tool_ungroup" title="Ungroup Elements [G]"></div>
367
+ </div>
368
+
369
+ <!-- For anchor elements -->
370
+ <div id="a_panel">
371
+ <label id="tool_link_url" title="Set link URL (leave empty to remove)">
372
+ <span id="linkLabel" class="icon_label"></span>
373
+ <input id="link_url" type="text" size="35"/>
374
+ </label>
375
+ </div>
376
+
377
+ <div id="path_node_panel">
378
+ <div class="tool_sep"></div>
379
+ <div class="tool_button push_button_pressed" id="tool_node_link" title="Link Control Points"></div>
380
+ <div class="tool_sep"></div>
381
+ <label id="tool_node_x">x:
382
+ <input id="path_node_x" class="attr_changer" title="Change node's x coordinate" size="3" data-attr="x"/>
383
+ </label>
384
+ <label id="tool_node_y">y:
385
+ <input id="path_node_y" class="attr_changer" title="Change node's y coordinate" size="3" data-attr="y"/>
386
+ </label>
387
+
388
+ <select id="seg_type" title="Change Segment type">
389
+ <option id="straight_segments" selected="selected" value="4">Straight</option>
390
+ <option id="curve_segments" value="6">Curve</option>
391
+ </select>
392
+ <div class="tool_button" id="tool_node_clone" title="Clone Node"></div>
393
+ <div class="tool_button" id="tool_node_delete" title="Delete Node"></div>
394
+ <div class="tool_button" id="tool_openclose_path" title="Open/close sub-path"></div>
395
+ <div class="tool_button" id="tool_add_subpath" title="Add sub-path"></div>
396
+ </div>
397
+ </div> <!-- tools_top -->
398
+ <div id="cur_context_panel">
399
+
400
+ </div>
401
+
402
+
403
+ <div id="tools_left" class="tools_panel">
404
+ <div class="tool_button" id="tool_select" title="Select Tool"></div>
405
+ <div class="tool_button" id="tool_fhpath" title="Pencil Tool"></div>
406
+ <div class="tool_button" id="tool_line" title="Line Tool"></div>
407
+ <div class="tool_button flyout_current" id="tools_rect_show" title="Square/Rect Tool">
408
+ <div class="flyout_arrow_horiz"></div>
409
+ </div>
410
+ <div class="tool_button flyout_current" id="tools_ellipse_show" title="Ellipse/Circle Tool">
411
+ <div class="flyout_arrow_horiz"></div>
412
+ </div>
413
+ <div class="tool_button" id="tool_path" title="Path Tool"></div>
414
+ <div class="tool_button" id="tool_text" title="Text Tool"></div>
415
+ <div class="tool_button" id="tool_image" title="Image Tool"></div>
416
+ <div class="tool_button" id="tool_zoom" title="Zoom Tool [Ctrl+Up/Down]"></div>
417
+
418
+ <div style="display: none">
419
+ <div id="tool_rect" title="Rectangle"></div>
420
+ <div id="tool_square" title="Square"></div>
421
+ <div id="tool_fhrect" title="Free-Hand Rectangle"></div>
422
+ <div id="tool_ellipse" title="Ellipse"></div>
423
+ <div id="tool_circle" title="Circle"></div>
424
+ <div id="tool_fhellipse" title="Free-Hand Ellipse"></div>
425
+ </div>
426
+ </div> <!-- tools_left -->
427
+
428
+ <div id="tools_bottom" class="tools_panel">
429
+
430
+ <!-- Zoom buttons -->
431
+ <div id="zoom_panel" class="toolset" title="Change zoom level">
432
+ <label>
433
+ <span id="zoomLabel" class="zoom_tool icon_label"></span>
434
+ <input id="zoom" size="3" value="100" type="text" />
435
+ </label>
436
+ <div id="zoom_dropdown" class="dropdown">
437
+ <button></button>
438
+ <ul>
439
+ <li>1000%</li>
440
+ <li>400%</li>
441
+ <li>200%</li>
442
+ <li>100%</li>
443
+ <li>50%</li>
444
+ <li>25%</li>
445
+ <li id="fit_to_canvas" data-val="canvas">Fit to canvas</li>
446
+ <li id="fit_to_sel" data-val="selection">Fit to selection</li>
447
+ <li id="fit_to_layer_content" data-val="layer">Fit to layer content</li>
448
+ <li id="fit_to_all" data-val="content">Fit to all content</li>
449
+ <li>100%</li>
450
+ </ul>
451
+ </div>
452
+ <div class="tool_sep"></div>
453
+ </div>
454
+
455
+ <div id="tools_bottom_2">
456
+ <div id="color_tools">
457
+
458
+ <div class="color_tool" id="tool_fill">
459
+ <label class="icon_label" for="fill_color" title="Change fill color"></label>
460
+ <div class="color_block">
461
+ <div id="fill_bg"></div>
462
+ <div id="fill_color" class="color_block"></div>
463
+ </div>
464
+ </div>
465
+
466
+ <div class="color_tool" id="tool_stroke">
467
+ <label class="icon_label" title="Change stroke color"></label>
468
+ <div class="color_block">
469
+ <div id="stroke_bg"></div>
470
+ <div id="stroke_color" class="color_block" title="Change stroke color"></div>
471
+ </div>
472
+
473
+ <label class="stroke_label">
474
+ <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"/>
475
+ </label>
476
+
477
+ <div id="toggle_stroke_tools" title="Show/hide more stroke tools"></div>
478
+
479
+ <label class="stroke_tool">
480
+ <select id="stroke_style" title="Change stroke dash style">
481
+ <option selected="selected" value="none">&mdash;</option>
482
+ <option value="2,2">...</option>
483
+ <option value="5,5">- -</option>
484
+ <option value="5,2,2,2">- .</option>
485
+ <option value="5,2,2,2,2,2">- ..</option>
486
+ </select>
487
+ </label>
488
+
489
+ <div class="stroke_tool dropdown" id="stroke_linejoin">
490
+ <div id="cur_linejoin" title="Linejoin: Miter"></div>
491
+ <button></button>
492
+ </div>
493
+
494
+ <div class="stroke_tool dropdown" id="stroke_linecap">
495
+ <div id="cur_linecap" title="Linecap: Butt"></div>
496
+ <button></button>
497
+ </div>
498
+
499
+ </div>
500
+
501
+ <div class="color_tool" id="tool_opacity" title="Change selected item opacity">
502
+ <label>
503
+ <span id="group_opacityLabel" class="icon_label"></span>
504
+ <input id="group_opacity" size="3" value="100" type="text"/>
505
+ </label>
506
+ <div id="opacity_dropdown" class="dropdown">
507
+ <button></button>
508
+ <ul>
509
+ <li>0%</li>
510
+ <li>25%</li>
511
+ <li>50%</li>
512
+ <li>75%</li>
513
+ <li>100%</li>
514
+ <li class="special"><div id="opac_slider"></div></li>
515
+ </ul>
516
+ </div>
517
+ </div>
518
+ </div>
519
+
520
+ </div>
521
+
522
+ <div id="tools_bottom_3">
523
+ <div id="palette_holder"><div id="palette" title="Click to change fill color, shift-click to change stroke color"></div></div>
524
+ </div>
525
+ <!-- <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> -->
526
+ </div>
527
+
528
+ <div id="option_lists" class="dropdown">
529
+ <ul id="linejoin_opts">
530
+ <li class="tool_button current" id="linejoin_miter" title="Linejoin: Miter"></li>
531
+ <li class="tool_button" id="linejoin_round" title="Linejoin: Round"></li>
532
+ <li class="tool_button" id="linejoin_bevel" title="Linejoin: Bevel"></li>
533
+ </ul>
534
+
535
+ <ul id="linecap_opts">
536
+ <li class="tool_button current" id="linecap_butt" title="Linecap: Butt"></li>
537
+ <li class="tool_button" id="linecap_square" title="Linecap: Square"></li>
538
+ <li class="tool_button" id="linecap_round" title="Linecap: Round"></li>
539
+ </ul>
540
+
541
+ <ul id="position_opts" class="optcols3">
542
+ <li class="push_button" id="tool_posleft" title="Align Left"></li>
543
+ <li class="push_button" id="tool_poscenter" title="Align Center"></li>
544
+ <li class="push_button" id="tool_posright" title="Align Right"></li>
545
+ <li class="push_button" id="tool_postop" title="Align Top"></li>
546
+ <li class="push_button" id="tool_posmiddle" title="Align Middle"></li>
547
+ <li class="push_button" id="tool_posbottom" title="Align Bottom"></li>
548
+ </ul>
549
+ </div>
550
+
551
+
552
+ <!-- hidden divs -->
553
+ <div id="color_picker"></div>
554
+
555
+ </div> <!-- svg_editor -->
556
+
557
+ <div id="svg_source_editor">
558
+ <div id="svg_source_overlay"></div>
559
+ <div id="svg_source_container">
560
+ <div id="tool_source_back" class="toolbar_button">
561
+ <button id="tool_source_save">Apply Changes</button>
562
+ <button id="tool_source_cancel">Cancel</button>
563
+ </div>
564
+ <div id="save_output_btns">
565
+ <p id="copy_save_note">Copy the contents of this box into a text editor, then save the file with a .svg extension.</p>
566
+ <button id="copy_save_done">Done</button>
567
+ </div>
568
+ <form>
569
+ <textarea id="svg_source_textarea" spellcheck="false"></textarea>
570
+ </form>
571
+ </div>
572
+ </div>
573
+
574
+
575
+ <div id="svg_docprops">
576
+ <div id="svg_docprops_overlay"></div>
577
+ <div id="svg_docprops_container">
578
+ <div id="tool_docprops_back" class="toolbar_button">
579
+ <button id="tool_docprops_save">OK</button>
580
+ <button id="tool_docprops_cancel">Cancel</button>
581
+ </div>
582
+
583
+
584
+ <fieldset id="svg_docprops_docprops">
585
+ <legend id="svginfo_image_props">Image Properties</legend>
586
+ <label>
587
+ <span id="svginfo_title">Title:</span>
588
+ <input type="text" id="canvas_title"/>
589
+ </label>
590
+
591
+ <fieldset id="change_resolution">
592
+ <legend id="svginfo_dim">Canvas Dimensions</legend>
593
+
594
+ <label><span id="svginfo_width">width:</span> <input type="text" id="canvas_width" size="6"/></label>
595
+
596
+ <label><span id="svginfo_height">height:</span> <input type="text" id="canvas_height" size="6"/></label>
597
+
598
+ <label>
599
+ <select id="resolution">
600
+ <option id="selectedPredefined" selected="selected">Select predefined:</option>
601
+ <option>640x480</option>
602
+ <option>800x600</option>
603
+ <option>1024x768</option>
604
+ <option>1280x960</option>
605
+ <option>1600x1200</option>
606
+ <option id="fitToContent" value="content">Fit to Content</option>
607
+ </select>
608
+ </label>
609
+ </fieldset>
610
+
611
+ <fieldset id="image_save_opts">
612
+ <legend id="includedImages">Included Images</legend>
613
+ <label><input type="radio" name="image_opt" value="embed" checked="checked"/> <span id="image_opt_embed">Embed data (local files)</span> </label>
614
+ <label><input type="radio" name="image_opt" value="ref"/> <span id="image_opt_ref">Use file reference</span> </label>
615
+ </fieldset>
616
+ </fieldset>
617
+
618
+ </div>
619
+ </div>
620
+
621
+ <div id="svg_prefs">
622
+ <div id="svg_prefs_overlay"></div>
623
+ <div id="svg_prefs_container">
624
+ <div id="tool_prefs_back" class="toolbar_button">
625
+ <button id="tool_prefs_save">OK</button>
626
+ <button id="tool_prefs_cancel">Cancel</button>
627
+ </div>
628
+
629
+ <fieldset>
630
+ <legend id="svginfo_editor_prefs">Editor Preferences</legend>
631
+
632
+ <label><span id="svginfo_lang">Language:</span>
633
+ <!-- Source: http://en.wikipedia.org/wiki/Language_names -->
634
+ <select id="lang_select">
635
+ <option id="lang_ar" value="ar">العربية</option>
636
+ <option id="lang_cs" value="cs">Čeština</option>
637
+ <option id="lang_de" value="de">Deutsch</option>
638
+ <option id="lang_en" value="en" selected="selected">English</option>
639
+ <option id="lang_es" value="es">Español</option>
640
+ <option id="lang_fa" value="fa">فارسی</option>
641
+ <option id="lang_fr" value="fr">Français</option>
642
+ <option id="lang_fy" value="fy">Frysk</option>
643
+ <option id="lang_hi" value="hi">&#2361;&#2367;&#2344;&#2381;&#2342;&#2368;, &#2361;&#2367;&#2306;&#2342;&#2368;</option>
644
+ <option id="lang_it" value="it">Italiano</option>
645
+ <option id="lang_ja" value="ja">日本語</option>
646
+ <option id="lang_nl" value="nl">Nederlands</option>
647
+ <option id="lang_pt-BR" value="pt-BR">Português (BR)</option>
648
+ <option id="lang_ro" value="ro">Română</option>
649
+ <option id="lang_ru" value="ru">Русский</option>
650
+ <option id="lang_sk" value="sk">Slovenčina</option>
651
+ <option id="lang_zh-TW" value="zh-TW">繁體中文</option>
652
+ </select>
653
+ </label>
654
+
655
+ <label><span id="svginfo_icons">Icon size:</span>
656
+ <select id="iconsize">
657
+ <option id="icon_small" value="s">Small</option>
658
+ <option id="icon_medium" value="m" selected="selected">Medium</option>
659
+ <option id="icon_large" value="l">Large</option>
660
+ <option id="icon_xlarge" value="xl">Extra Large</option>
661
+ </select>
662
+ </label>
663
+
664
+ <fieldset id="change_background">
665
+ <legend id="svginfo_change_background">Editor Background</legend>
666
+ <div id="bg_blocks"></div>
667
+ <label><span id="svginfo_bg_url">URL:</span> <input type="text" id="canvas_bg_url"/></label>
668
+ <p id="svginfo_bg_note">Note: Background will not be saved with image.</p>
669
+ </fieldset>
670
+
671
+ <fieldset id="change_grid">
672
+ <legend id="svginfo_grid_settings">Grid</legend>
673
+ <label><span id="svginfo_snap_onoff">Snapping on/off</span><input type="checkbox" value="snapping_on" id="grid_snapping_on"></label>
674
+ <label><span id="svginfo_snap_step">Snapping Step-Size:</span> <input type="text" id="grid_snapping_step" size="3" value="10"/></label>
675
+ </fieldset>
676
+
677
+ <fieldset id="units_rulers">
678
+ <legend id="svginfo_units_rulers">Units & Rulers</legend>
679
+ <label><span id="svginfo_rulers_onoff">Show rulers</span><input type="checkbox" value="show_rulers" id="show_rulers" checked></label>
680
+ <label>
681
+ <span id="svginfo_unit">Base Unit:</span>
682
+ <select id="base_unit">
683
+ <option value="px">Pixels</option>
684
+ <option value="cm">Centimeters</option>
685
+ <option value="mm">Millimeters</option>
686
+ <option value="in">Inches</option>
687
+ <option value="pt">Points</option>
688
+ <option value="pc">Picas</option>
689
+ <option value="em">Ems</option>
690
+ <option value="ex">Exs</option>
691
+ </select>
692
+ </label>
693
+ <!-- Should this be an export option instead? -->
694
+ <!--
695
+ <span id="svginfo_unit_system">Unit System:</span>
696
+ <label>
697
+ <input type="radio" name="unit_system" value="single" checked="checked"/>
698
+ <span id="svginfo_single_type_unit">Single type unit</span>
699
+ <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>
700
+ </label>
701
+ <label>
702
+ <input type="radio" name="unit_system" value="multi"/>
703
+ <span id="svginfo_multi_units">Multiple CSS units</span>
704
+ <small id="svginfo_single_type_unit_sub">Attributes can be given different CSS units, which may lead to inconsistant results among viewers.</small>
705
+ </label>
706
+ -->
707
+ </fieldset>
708
+
709
+ </fieldset>
710
+
711
+ </div>
712
+ </div>
713
+
714
+ <div id="dialog_box">
715
+ <div id="dialog_box_overlay"></div>
716
+ <div id="dialog_container">
717
+ <div id="dialog_content"></div>
718
+ <div id="dialog_buttons"></div>
719
+ </div>
720
+ </div>
721
+
722
+ <ul id="cmenu_canvas" class="contextMenu">
723
+ <li><a href="#cut">Cut</a></li>
724
+ <li><a href="#copy">Copy</a></li>
725
+ <li><a href="#paste">Paste</a></li>
726
+ <li><a href="#paste_in_place">Paste in Place</a></li>
727
+ <li class="separator"><a href="#delete">Delete</a></li>
728
+ <li class="separator"><a href="#group">Group<span class="shortcut">G</span></a></li>
729
+ <li><a href="#ungroup">Ungroup<span class="shortcut">G</span></a></li>
730
+ <li class="separator"><a href="#move_front">Bring to Front<span class="shortcut">SHFT+CTRL+]</span></a></li>
731
+ <li><a href="#move_up">Bring Forward<span class="shortcut">CTRL+]</span></a></li>
732
+ <li><a href="#move_down">Send Backward<span class="shortcut">CTRL+[</span></a></li>
733
+ <li><a href="#move_back">Send to Back<span class="shortcut">SHFT+CTRL+[</span></a></li>
734
+ </ul>
735
+
736
+
737
+ <ul id="cmenu_layers" class="contextMenu">
738
+ <li><a href="#dupe">Duplicate Layer...</a></li>
739
+ <li><a href="#delete">Delete Layer</a></li>
740
+ <li><a href="#merge_down">Merge Down</a></li>
741
+ <li><a href="#merge_all">Merge All</a></li>
742
+ </ul>
743
+
744
+ </body>
745
+ </html>
746
+