2009-09-28 00:28:54 +00:00
<!DOCTYPE html>
2009-10-08 19:27:06 +00:00
< html >
<!-- removed for now, causes problems in Firefox: manifest="svg - editor.manifest" -->
2009-02-06 08:58:39 +00:00
< head >
2009-07-20 13:56:01 +00:00
< meta http-equiv = "Content-type" content = "text/html;charset=UTF-8" / >
2009-09-22 19:28:33 +00:00
< meta http-equiv = "X-UA-Compatible" content = "chrome=1" / >
2009-08-14 17:25:58 +00:00
< link rel = "icon" type = "image/png" href = "images/logo.png" >
2009-07-30 22:45:59 +00:00
< link rel = "stylesheet" href = "jgraduate/css/jPicker-1.0.9.css" type = "text/css" / >
< link rel = "stylesheet" href = "jgraduate/css/jGraduate-0.2.0.css" type = "text/css" / >
2009-07-09 05:06:01 +00:00
< link rel = "stylesheet" href = "svg-editor.css" type = "text/css" / >
< link rel = "stylesheet" href = "spinbtn/JQuerySpinBtn.css" type = "text/css" / >
2009-09-29 20:55:52 +00:00
<!-- Development version of script tags: -->
2009-09-04 21:31:50 +00:00
< script type = "text/javascript" src = "jquery.js" > < / script >
2009-06-17 02:04:10 +00:00
< script type = "text/javascript" src = "js-hotkeys/jquery.hotkeys.min.js" > < / script >
2009-09-04 21:31:50 +00:00
< script type = "text/javascript" src = "jgraduate/jquery.jgraduate.js" > < / script >
< script type = "text/javascript" src = "spinbtn/JQuerySpinBtn.js" > < / script >
< script type = "text/javascript" src = "svgcanvas.js" > < / script >
< script type = "text/javascript" src = "svg-editor.js" > < / script >
2009-10-03 05:54:40 +00:00
< script type = "text/javascript" src = "locale/locale.js" > < / script >
2009-09-29 20:55:52 +00:00
<!-- Release version of script tags: >
< script type = "text/javascript" src = "http://ajax.googleapis.com/ajax/libs/jquery/1.3/jquery.min.js" > < / script >
< script type = "text/javascript" src = "js-hotkeys/jquery.hotkeys-0.7.9.js" > < / script >
< script type = "text/javascript" src = "jgraduate/jquery.jgraduate.min.js" > < / script >
< script type = "text/javascript" src = "spinbtn/JQuerySpinBtn.min.js" > < / script >
< script type = "text/javascript" src = "svgcanvas.min.js" > < / script >
< script type = "text/javascript" src = "svg-editor.min.js" > < / script >
2009-10-03 05:54:40 +00:00
script type="text/javascript" src="locale/locale.min.js">< / script-- >
2009-09-29 20:55:52 +00:00
<!-- always minified scripts -->
< script type = "text/javascript" src = "jquery-ui/jquery-ui-1.7.2.custom.min.js" > < / script >
< script type = "text/javascript" src = "jgraduate/jpicker-1.0.9.min.js" > < / script >
2009-08-25 16:35:57 +00:00
2009-09-23 16:18:04 +00:00
<!-- feeds -->
< 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" / >
< 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" / >
2009-08-25 16:35:57 +00:00
<!-- Add script with custom handlers here -->
2009-06-01 17:35:22 +00:00
< title > SVG-edit demo< / title >
2009-02-06 08:58:39 +00:00
< / head >
< body >
2009-06-03 13:03:10 +00:00
< div id = "svg_editor" >
2009-06-28 04:20:34 +00:00
< div id = "workarea" >
2009-09-23 15:25:28 +00:00
< style id = "styleoverrides" type = "text/css" media = "screen" scoped = "scoped" > < / style >
2009-06-29 14:38:30 +00:00
< div id = "svgcanvas" > < / div >
2009-06-03 13:03:10 +00:00
< / div >
2009-02-06 08:58:39 +00:00
2009-09-16 19:21:53 +00:00
< div id = "sidepanels" >
2009-09-20 23:04:57 +00:00
< div id = "layerpanel" >
2009-10-03 05:54:40 +00:00
< h3 id = "layersLable" > Layers< / h3 >
2009-09-20 23:04:57 +00:00
< fieldset id = "layerbuttons" >
2009-09-23 14:42:21 +00:00
< img id = "layer_new" class = "layer_button" src = "images/clear.png" alt = "New Layer" title = "New Layer" / >
< img id = "layer_delete" class = "layer_button" src = "images/delete.png" alt = "Delete Layer" title = "Delete Layer" / >
< img id = "layer_rename" class = "layer_button" src = "images/view-refresh.png" alt = "Rename Layer" title = "Rename Layer" / >
< img id = "layer_up" class = "layer_button" src = "images/go-up.png" alt = "Move Layer up" title = "Move Layer Up" / >
< img id = "layer_down" class = "layer_button" src = "images/go-down.png" alt = "Move Layer Down" title = "Move Layer Down" / >
2009-09-20 23:04:57 +00:00
< / fieldset >
2009-09-24 04:22:55 +00:00
< table id = "layerlist" >
< tr class = "layer" >
< td class = "layervis" > < / td >
< td class = "layername" > Layer 1< / td >
2009-09-28 00:29:49 +00:00
< / tr >
2009-09-24 04:22:55 +00:00
< / table >
2009-10-11 04:32:21 +00:00
< span id = "selLayerLabel" > Move elements to:< / span >
< select id = "selLayerNames" title = "Move selected elements to a different layer" disabled = "disabled" >
< option selected = "selected" value = "layer1" > Layer 1< / option >
< / select >
2009-09-20 23:04:57 +00:00
< / div >
2009-10-14 04:16:48 +00:00
< div id = "sidepanel_handle" onselectstart = "return false;" title = "Drag left/right to resize side panel [X]" > L a y e r s< / div >
2009-09-16 19:21:53 +00:00
< / div >
2009-08-07 03:33:41 +00:00
< div id = "logo" >
< a href = "http://svg-edit.googlecode.com/" target = "_blank" title = "SVG-edit Home Page" >
2009-08-25 11:03:20 +00:00
< img src = "images/logo.png" alt = "logo" / >
2009-08-07 03:33:41 +00:00
< / a >
< / div >
2009-06-29 14:38:30 +00:00
< div id = "tools_top" class = "tools_panel" >
2009-09-13 16:31:33 +00:00
2009-07-13 00:17:15 +00:00
<!-- File - like buttons: New, Save, Source -->
2009-09-13 16:31:33 +00:00
< div id = "file_panel" >
2009-10-15 14:49:06 +00:00
< img class = "push_button" id = "tool_clear" src = "images/clear.png" title = "New Image [N]" alt = "Clear" / >
< img style = "display:none" class = "push_button" id = "tool_open" src = "images/open.png" title = "Open Image [O]" alt = "Open" / >
< img class = "push_button" id = "tool_save" src = "images/save.png" title = "Save Image [S]" alt = "Save" / >
< img class = "push_button" id = "tool_docprops" src = "images/document-properties.png" title = "Document Properties [I]" / >
< img class = "push_button" id = "tool_source" src = "images/source.png" title = "Edit Source [U]" alt = "Source" / >
2009-06-17 20:08:53 +00:00
< / div >
2009-06-10 04:44:59 +00:00
2009-06-25 08:31:36 +00:00
<!-- History buttons -->
2009-09-15 13:41:06 +00:00
< div id = "history_panel" >
2009-09-23 14:42:21 +00:00
< div class = "tool_sep" > < / div >
2009-10-15 14:49:06 +00:00
< img class = "push_button tool_button_disabled" id = "tool_undo" src = "images/undo.png" title = "Undo [Z]" / >
< img class = "push_button tool_button_disabled" id = "tool_redo" src = "images/redo.png" title = "Redo [Y]" / >
2009-06-25 08:31:36 +00:00
< / div >
2009-09-15 14:38:26 +00:00
2009-08-17 06:56:55 +00:00
<!-- Buttons when a single element is selected -->
2009-06-17 20:08:53 +00:00
< div id = "selected_panel" >
2009-07-01 15:34:15 +00:00
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
2009-10-15 14:49:06 +00:00
< img class = "push_button" id = "tool_clone" src = "images/clone.png" title = "Clone Element [C]" alt = "Copy" / >
< img class = "push_button" id = "tool_delete" src = "images/delete.png" title = "Delete Element [Delete/Backspace]" alt = "Delete" / >
2009-08-17 06:56:55 +00:00
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
2009-10-15 14:49:06 +00:00
< img class = "push_button" id = "tool_move_top" src = "images/move_top.png" title = "Move to Top [Shift+Up]" alt = "Top" / >
< img class = "push_button" id = "tool_move_bottom" src = "images/move_bottom.png" title = "Move to Bottom [Shift+Down]" alt = "Bottom" / >
2009-08-17 06:56:55 +00:00
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
2009-07-03 02:49:42 +00:00
< select id = "group_opacity" class = "selected_tool" title = "Change selected item opacity" >
< option selected = "selected" value = "1" > 100 %< / option >
< option value = "0.9" > 90 %< / option >
< option value = "0.8" > 80 %< / option >
< option value = "0.7" > 70 %< / option >
< option value = "0.6" > 60 %< / option >
< option value = "0.5" > 50 %< / option >
< option value = "0.4" > 40 %< / option >
< option value = "0.3" > 30 %< / option >
< option value = "0.2" > 20 %< / option >
< option value = "0.1" > 10 %< / option >
2009-08-28 20:03:31 +00:00
< option value = "0" > 0 %< / option >
2009-08-14 22:50:34 +00:00
< / select >
2009-10-03 05:54:40 +00:00
< span id = "angleLabel" class = "selected_tool" > angle:< / span >
2009-09-23 14:42:21 +00:00
< input id = "angle" class = "selected_tool" title = "Change rotation angle" size = "2" value = "0" type = "text" / >
2009-06-17 20:08:53 +00:00
< / div >
2009-06-10 04:44:59 +00:00
2009-08-17 06:56:55 +00:00
<!-- Buttons when multiple elements are selected -->
2009-07-01 20:22:29 +00:00
< div id = "multiselected_panel" >
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
2009-10-15 14:49:06 +00:00
< img class = "push_button" id = "tool_clone_multi" src = "images/clone.png" title = "Clone Elements [C]" alt = "Clone" / >
< img class = "push_button" id = "tool_delete_multi" src = "images/delete.png" title = "Delete Selected Elements [Delete/Backspace]" alt = "Delete" / >
2009-08-17 06:56:55 +00:00
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
2009-10-15 14:49:06 +00:00
< div class = "push_button" id = "tool_alignleft" title = "Align Left" > < / div >
< div class = "push_button" id = "tool_aligncenter" title = "Align Center" > < / div >
< div class = "push_button" id = "tool_alignright" title = "Align Right" > < / div >
< div class = "push_button" id = "tool_aligntop" title = "Align Top" > < / div >
< div class = "push_button" id = "tool_alignmiddle" title = "Align Middle" > < / div >
< div class = "push_button" id = "tool_alignbottom" title = "Align Bottom" > < / div >
2009-10-03 05:54:40 +00:00
< span id = "relativeToLabel" class = "selected_tool" > relative to:< / span >
2009-08-25 07:04:19 +00:00
< select id = "align_relative_to" class = "selected_tool" title = "Align relative to ..." >
2009-10-03 05:54:40 +00:00
< option id = "selected_objects" value = "selected" > selected objects< / option >
< option id = "largest_object" value = "largest" > largest object< / option >
< option id = "smallest_object" value = "smallest" > smallest object< / option >
< option id = "page" value = "page" > page< / option >
2009-08-25 07:04:19 +00:00
< / select >
2009-09-06 13:00:05 +00:00
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
2009-10-15 14:49:06 +00:00
< img class = "push_button" id = "tool_group" src = "images/shape_group.png" title = "Group Elements [G]" alt = "Group" / >
2009-07-01 20:22:29 +00:00
< / div >
2009-09-05 22:09:42 +00:00
< div id = "g_panel" >
2009-09-05 20:03:47 +00:00
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
2009-10-15 14:49:06 +00:00
< img class = "push_button" id = "tool_ungroup" src = "images/shape_ungroup.png" title = "Ungroup Elements [G]" alt = "Ungroup" / >
2009-09-05 20:03:47 +00:00
< / div >
2009-06-11 15:18:46 +00:00
< div id = "rect_panel" >
2009-06-17 20:08:53 +00:00
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
2009-07-01 15:57:03 +00:00
< label class = "rect_tool" > x:< / label >
2009-09-23 18:45:22 +00:00
< input id = "rect_x" class = "rect_tool attr_changer" title = "Change rectangle X coordinate" size = "3" data-attr = "x" / >
2009-07-01 15:57:03 +00:00
< label class = "rect_tool" > y:< / label >
2009-09-23 18:45:22 +00:00
< input id = "rect_y" class = "rect_tool attr_changer" title = "Change rectangle Y coordinate" size = "3" data-attr = "y" / >
2009-10-03 05:54:40 +00:00
< label id = "rwidthLabel" class = "rect_tool" > width:< / label >
2009-09-23 18:45:22 +00:00
< input id = "rect_width" class = "rect_tool attr_changer" title = "Change rectangle width" size = "3" data-attr = "width" / >
2009-10-03 05:54:40 +00:00
< label id = "rheightLabel" class = "rect_tool" > height:< / label >
2009-09-23 18:45:22 +00:00
< input id = "rect_height" class = "rect_tool attr_changer" title = "Change rectangle height" size = "3" data-attr = "height" / >
2009-10-03 05:54:40 +00:00
< label id = "cornerRadiusLabel" class = "rect_tool" > Corner Radius:< / label >
2009-09-23 18:45:22 +00:00
< input id = "rect_rx" size = "3" value = "0" class = "rect_tool" type = "text" title = "Change Rectangle Corner Radius" data-attr = "Corner Radius" / >
2009-06-11 15:18:46 +00:00
< / div >
2009-06-17 20:08:53 +00:00
2009-09-04 22:22:40 +00:00
< div id = "image_panel" >
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
< label class = "image_tool" > x:< / label >
2009-09-23 18:45:22 +00:00
< input id = "image_x" class = "image_tool attr_changer" title = "Change image X coordinate" size = "3" data-attr = "x" / >
2009-09-04 22:22:40 +00:00
< label class = "image_tool" > y:< / label >
2009-09-23 18:45:22 +00:00
< input id = "image_y" class = "image_tool attr_changer" title = "Change image Y coordinate" size = "3" data-attr = "y" / >
2009-10-03 05:54:40 +00:00
< label id = "iwidthLabel" class = "image_tool" > width:< / label >
2009-09-23 18:45:22 +00:00
< input id = "image_width" class = "image_tool attr_changer" title = "Change image width" size = "3" data-attr = "width" / >
2009-10-03 05:54:40 +00:00
< label id = "iheightLabel" class = "image_tool" > height:< / label >
2009-09-23 18:45:22 +00:00
< input id = "image_height" class = "image_tool attr_changer" title = "Change image height" size = "3" data-attr = "height" / >
2009-09-04 22:22:40 +00:00
< label class = "image_tool" > url:< / label >
< input id = "image_url" class = "image_tool" type = "text" title = "Change URL" size = "35" / >
< / div >
2009-06-24 04:17:35 +00:00
< div id = "circle_panel" >
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
< label class = "circle_tool" > cx:< / label >
2009-09-23 18:45:22 +00:00
< input id = "circle_cx" class = "circle_tool attr_changer" title = "Change circle's cx coordinate" size = "3" data-attr = "cx" / >
2009-06-24 04:17:35 +00:00
< label class = "circle_tool" > cy:< / label >
2009-09-23 18:45:22 +00:00
< input id = "circle_cy" class = "circle_tool attr_changer" title = "Change circle's cy coordinate" size = "3" data-attr = "cy" / >
2009-06-24 04:17:35 +00:00
< label class = "circle_tool" > r:< / label >
2009-09-23 18:45:22 +00:00
< input id = "circle_r" class = "circle_tool attr_changer" title = "Change circle's radius" size = "3" data-attr = "r" / >
2009-06-24 04:17:35 +00:00
< / div >
2009-06-29 14:38:30 +00:00
2009-06-24 04:17:35 +00:00
< div id = "ellipse_panel" >
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
< label class = "ellipse_tool" > cx:< / label >
2009-09-23 18:45:22 +00:00
< input id = "ellipse_cx" class = "ellipse_tool attr_changer" title = "Change ellipse's cx coordinate" size = "3" data-attr = "cx" / >
2009-06-24 04:17:35 +00:00
< label class = "ellipse_tool" > cy:< / label >
2009-09-23 18:45:22 +00:00
< input id = "ellipse_cy" class = "ellipse_tool attr_changer" title = "Change ellipse's cy coordinate" size = "3" data-attr = "cy" / >
2009-06-24 04:17:35 +00:00
< label class = "ellipse_tool" > rx:< / label >
2009-09-23 18:45:22 +00:00
< input id = "ellipse_rx" class = "ellipse_tool attr_changer" title = "Change ellipse's x radius" size = "3" data-attr = "rx" / >
2009-06-24 04:17:35 +00:00
< label class = "ellipse_tool" > ry:< / label >
2009-09-23 18:45:22 +00:00
< input id = "ellipse_ry" class = "ellipse_tool attr_changer" title = "Change ellipse's y radius" size = "3" data-attr = "ry" / >
2009-06-24 04:17:35 +00:00
< / div >
2009-06-29 14:38:30 +00:00
2009-06-24 04:17:35 +00:00
< div id = "line_panel" >
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
< label class = "line_tool" > x1:< / label >
2009-09-23 18:45:22 +00:00
< input id = "line_x1" class = "line_tool attr_changer" title = "Change line's starting x coordinate" size = "3" data-attr = "x1" / >
2009-06-24 04:17:35 +00:00
< label class = "line_tool" > y1:< / label >
2009-09-23 18:45:22 +00:00
< input id = "line_y1" class = "line_tool attr_changer" title = "Change line's starting y coordinate" size = "3" data-attr = "y1" / >
2009-06-24 04:17:35 +00:00
< label class = "line_tool" > x2:< / label >
2009-09-23 18:45:22 +00:00
< input id = "line_x2" class = "line_tool attr_changer" title = "Change line's ending x coordinate" size = "3" data-attr = "x2" / >
2009-06-24 04:17:35 +00:00
< label class = "line_tool" > y2:< / label >
2009-09-23 18:45:22 +00:00
< input id = "line_y2" class = "line_tool attr_changer" title = "Change line's ending y coordinate" size = "3" data-attr = "y2" / >
2009-06-24 04:17:35 +00:00
< / div >
2009-06-11 15:18:46 +00:00
2009-06-10 04:44:59 +00:00
< div id = "text_panel" >
2009-06-17 20:08:53 +00:00
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
2009-08-13 15:42:41 +00:00
< label class = "text_tool" > x:< / label >
2009-09-23 18:45:22 +00:00
< input id = "text_x" class = "text_tool attr_changer" title = "Change text X coordinate" size = "3" data-attr = "x" / >
2009-08-13 15:42:41 +00:00
< label class = "text_tool" > y:< / label >
2009-09-23 18:45:22 +00:00
< input id = "text_y" class = "text_tool attr_changer" title = "Change text Y coordinate" size = "3" data-attr = "y" / >
2009-07-06 14:57:13 +00:00
< img class = "tool_button" id = "tool_bold" src = "images/bold.png" title = "Bold Text [B]" alt = "Bold" / >
< img class = "tool_button" id = "tool_italic" src = "images/italic.png" title = "Italic Text [I]" alt = "Italic" / >
2009-06-10 04:44:59 +00:00
< select id = "font_family" class = "text_tool" title = "Change Font Family" >
< option selected = "selected" value = "serif" > serif< / option >
< option value = "sans-serif" > sans-serif< / option >
< option value = "cursive" > cursive< / option >
< option value = "fantasy" > fantasy< / option >
< option value = "monospace" > monospace< / option >
< / select >
< select id = "font_size" class = "text_tool" title = "Change Font Size" >
< option value = "6pt" > 6pt< / option >
< option value = "8pt" > 8pt< / option >
< option value = "10pt" > 10pt< / option >
< option selected = "selected" value = "12pt" > 12pt< / option >
< option value = "14pt" > 14pt< / option >
< option value = "16pt" > 16pt< / option >
< option value = "20pt" > 20pt< / option >
< option value = "24pt" > 24pt< / option >
< option value = "32pt" > 32pt< / option >
< option value = "48pt" > 48pt< / option >
< option value = "64pt" > 64pt< / option >
2009-06-10 08:59:08 +00:00
< option value = "72pt" > 72pt< / option >
2009-06-10 04:44:59 +00:00
< option value = "80pt" > 80pt< / option >
2009-06-10 08:59:08 +00:00
< option value = "96pt" > 96pt< / option >
< option value = "120pt" > 120pt< / option >
2009-06-10 04:44:59 +00:00
< / select >
2009-06-24 22:07:58 +00:00
< input id = "text" class = "text_tool" type = "text" title = "Change text contents" size = "35" / >
2009-06-10 04:44:59 +00:00
< / div >
2009-10-05 13:50:44 +00:00
2009-10-18 20:46:32 +00:00
< div id = "path_node_panel" >
2009-10-05 13:50:44 +00:00
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
2009-10-18 20:46:32 +00:00
< label class = "path_node_tool" > x:< / label >
< input id = "path_node_x" class = "path_node_tool attr_changer" title = "Change node's x coordinate" size = "3" data-attr = "x" / >
< label class = "path_node_tool" > y:< / label >
< input id = "path_node_y" class = "path_node_tool attr_changer" title = "Change node's y coordinate" size = "3" data-attr = "y" / >
< select id = "seg_type" class = "path_node_tool" title = "Change Segment type" >
2009-10-09 19:47:32 +00:00
< option id = "straight_segments" selected = "selected" value = "4" > Straight< / option >
< option id = "curve_segments" value = "6" > Curve< / option >
2009-10-09 15:29:40 +00:00
< / select >
2009-10-07 16:04:32 +00:00
< img class = "tool_button" id = "tool_node_clone" src = "images/clone.png" title = "Clone Node" alt = "Clone" / >
2009-10-05 19:09:39 +00:00
< img class = "tool_button" id = "tool_node_delete" src = "images/delete.png" title = "Delete Node" alt = "Delete" / >
2009-10-05 13:50:44 +00:00
< / div >
2009-06-29 14:38:30 +00:00
< / div > <!-- tools_top -->
2009-06-10 04:44:59 +00:00
2009-06-29 14:38:30 +00:00
< div id = "tools_left" class = "tools_panel" >
< img class = "tool_button_current" id = "tool_select" src = "images/select.png" title = "Select Tool [1]" alt = "Select" / > < br / >
2009-10-18 20:04:26 +00:00
< img class = "tool_button" id = "tool_fhpath" src = "images/fhpath.png" title = "Pencil Tool [2]" alt = "Pencil" / > < br / >
2009-06-29 14:38:30 +00:00
< img class = "tool_button" id = "tool_line" src = "images/line.png" title = "Line Tool [3]" alt = "Line" / > < br / >
2009-08-20 14:41:32 +00:00
< img class = "tool_button" id = "tools_rect_show" src = "images/square.png" title = "Square/Rect Tool [4/Shift+4]" alt = "Square" / >
< img class = "flyout_arrow_horiz" src = "images/flyouth.png" / >
2009-06-29 14:38:30 +00:00
< img class = "tool_button" id = "tools_ellipse_show" src = "images/circle.png" title = "Ellipse/Circle Tool [5/Shift+5]" alt = "Circle" / > < br / >
2009-08-20 14:41:32 +00:00
< img class = "flyout_arrow_horiz" src = "images/flyouth.png" / >
2009-06-29 14:38:30 +00:00
< img class = "tool_button" id = "tool_text" src = "images/text.png" title = "Text Tool [6]" alt = "Text" / >
2009-10-18 20:46:32 +00:00
< img class = "tool_button" id = "tool_path" src = "images/polygon.png" title = "Path Tool [7]" alt = "Path" / >
2009-09-05 11:34:51 +00:00
< img class = "tool_button" id = "tool_image" src = "images/image.png" title = "Image Tool [8]" alt = "Image" / >
2009-09-16 15:45:50 +00:00
< img class = "tool_button" id = "tool_zoom" src = "images/zoom.png" title = "Zoom Tool [Ctrl+Up/Down]" alt = "Zoom" / >
2009-06-29 14:38:30 +00:00
< / div > <!-- tools_left -->
< div id = "tools_bottom" class = "tools_panel" >
2009-02-13 08:53:35 +00:00
2009-09-16 18:35:09 +00:00
<!-- Zoom buttons -->
< div id = "zoom_panel" >
2009-10-03 05:54:40 +00:00
< span id = "zoomLabel" class = "zoom_tool" > zoom:< / span >
2009-09-23 18:45:22 +00:00
< input id = "zoom" class = "zoom_tool" title = "Change zoom level" size = "3" value = "100" type = "text" / >
2009-09-16 18:35:09 +00:00
< div id = "zoom_dropdown" >
< button > < / button >
< ul >
< li > 100%< / li >
2009-10-03 05:54:40 +00:00
< li id = "fit_to_all" data-val = "content" > Fit to all content< / li >
< li id = "fit_to_layer_content" data-val = "layer" > Fit to layer content< / li >
< li id = "fit_to_sel" data-val = "selection" > Fit to selection< / li >
< li id = "fit_to_canvas" data-val = "canvas" > Fit to canvas< / li >
2009-09-16 18:35:09 +00:00
< li > 25%< / li >
< li > 50%< / li >
< li > 100%< / li >
< li > 200%< / li >
< li > 400%< / li >
< li > 1000%< / li >
< / ul >
< / div >
< img class = "tool_sep" src = "images/sep.png" alt = "|" / >
< / div >
2009-06-29 14:38:30 +00:00
< div id = "tools_bottom_2" >
< table >
< tr >
2009-10-03 05:54:40 +00:00
< td id = "fill_tool_bottom" > fill:< / td >
2009-06-29 14:38:30 +00:00
< td > < div id = "fill_color" class = "color_block" title = "Change fill color" > < / div > < / td >
2009-09-23 14:51:46 +00:00
< td colspan = "3" > < div id = "fill_opacity" > 100%< / div > < / td >
2009-06-29 14:38:30 +00:00
< / tr > < tr >
2009-10-03 05:54:40 +00:00
< td id = "stroke_tool_bottom" > stroke:< / td >
2009-06-29 14:38:30 +00:00
< td > < div id = "stroke_color" class = "color_block" title = "Change stroke color" > < / div > < / td >
2009-07-02 17:19:51 +00:00
< td > < div id = "stroke_opacity" > 100 %< / div > < / td >
2009-06-29 14:38:30 +00:00
< td >
2009-09-23 18:45:22 +00:00
< input id = "stroke_width" title = "Change stroke width" size = "2" value = "5" type = "text" data-attr = "Stroke Width" / >
2009-06-29 14:38:30 +00:00
< / td >
< td >
< select id = "stroke_style" title = "Change stroke dash style" >
2009-07-07 01:21:19 +00:00
< option selected = "selected" value = "none" > ---< / option >
< option value = "2,2" > ...< / option >
< option value = "5,5" > - -< / option >
< option value = "5,2,2,2" > - .< / option >
< option value = "5,2,2,2,2,2" > - ..< / option >
< / select >
2009-06-29 14:38:30 +00:00
< / td >
< / tr >
< / table >
2009-06-28 04:20:34 +00:00
< / div >
2009-06-01 15:55:21 +00:00
2009-06-29 14:38:30 +00:00
< div id = "tools_bottom_3" >
< div id = "palette_holder" > < div id = "palette" title = "Click to change fill color, shift-click to change stroke color" > < / div > < / div >
2009-06-28 04:20:34 +00:00
< / div >
2009-10-12 02:54:05 +00:00
< div id = "copyright" > Powered by < a href = "http://svg-edit.googlecode.com/" target = "_blank" > SVG-edit v2.4-unstable< / a > < / div >
2009-06-29 14:38:30 +00:00
< / div >
<!-- hidden divs -->
< div id = "color_picker" > < / div >
< div id = "tools_rect" class = "tools_flyout" >
< div id = "tool_square" class = "tool_flyout_button" title = "Square" > < / div >
< div id = "tool_rect" class = "tool_flyout_button" title = "Rectangle" > < / div >
< div id = "tool_fhrect" class = "tool_flyout_button" title = "Free-Hand Rectangle" > < / div >
< / div >
< div id = "tools_ellipse" class = "tools_flyout" >
< div id = "tool_circle" class = "tool_flyout_button" title = "Circle" > < / div >
< div id = "tool_ellipse" class = "tool_flyout_button" title = "Ellipse" > < / div >
< div id = "tool_fhellipse" class = "tool_flyout_button" title = "Free-Hand Ellipse" > < / div >
< / div >
2009-06-01 15:55:21 +00:00
2009-07-13 00:17:15 +00:00
< / div > <!-- svg_editor -->
< div id = "svg_source_editor" >
< div id = "svg_source_overlay" > < / div >
< div id = "svg_source_container" >
2009-08-17 14:17:20 +00:00
< div id = "tool_source_back" class = "toolbar_button" >
2009-08-26 18:32:24 +00:00
< button id = "tool_source_save" > Save< / button >
< button id = "tool_source_cancel" > Cancel< / button >
2009-08-17 14:17:20 +00:00
< / div >
2009-07-13 00:17:15 +00:00
< form >
2009-09-26 20:29:06 +00:00
< textarea id = "svg_source_textarea" spellcheck = "false" > < / textarea >
2009-07-13 00:17:15 +00:00
< / form >
< / div >
2009-06-01 15:55:21 +00:00
< / div >
2009-02-13 08:53:35 +00:00
2009-09-13 16:31:33 +00:00
< div id = "svg_docprops" >
< div id = "svg_docprops_overlay" > < / div >
2009-09-13 19:58:06 +00:00
< div id = "svg_docprops_container" >
< div id = "tool_docprops_back" class = "toolbar_button" >
< button id = "tool_docprops_save" > Save< / button >
< button id = "tool_docprops_cancel" > Cancel< / button >
2009-09-14 00:04:53 +00:00
2009-09-20 23:04:57 +00:00
< fieldset id = "change_background" >
2009-10-03 05:54:40 +00:00
< legend id = "svninfo_change_background" > Canvas Background< / legend >
2009-09-22 17:22:28 +00:00
< div id = "bkgnd_color" class = "color_block" title = "Change background color/opacity" > < / div >
2009-09-20 23:04:57 +00:00
< / fieldset >
2009-09-14 05:53:56 +00:00
2009-09-20 23:04:57 +00:00
< fieldset id = "change_resolution" >
2009-10-03 05:54:40 +00:00
< legend id = "svninfo_dim" > Canvas Dimensions< / legend >
2009-09-22 17:22:28 +00:00
2009-10-03 05:54:40 +00:00
< label id = "svginfo_width" > Width: < / label > < input type = "text" id = "canvas_width" size = "6" >
2009-09-22 17:22:28 +00:00
2009-10-03 05:54:40 +00:00
< label id = "svginfo_height" > Height: < / label > < input type = "text" id = "canvas_height" size = "6" >
2009-09-22 17:22:28 +00:00
< label >
2009-09-23 14:42:21 +00:00
< select id = "resolution" >
2009-10-03 05:54:40 +00:00
< option id = "selectedPredefined" selected = "selected" > Select predefined:< / option >
2009-09-22 17:22:28 +00:00
< option > 640x480< / option >
< option > 800x600< / option >
< option > 1024x768< / option >
< option > 1280x960< / option >
< option > 1600x1200< / option >
2009-10-03 05:54:40 +00:00
< option id = "fitToContent" value = "content" > Fit to Content< / option >
2009-09-22 17:22:28 +00:00
< / select >
< / label >
2009-09-20 23:04:57 +00:00
< / fieldset >
2009-09-13 19:58:06 +00:00
< / div >
< / div >
2009-09-13 16:31:33 +00:00
< / div >
2009-02-06 08:58:39 +00:00
< / body >
< / html >
