diff --git a/editor/images/shape_group.png b/editor/images/shape_group.png new file mode 100644 index 00000000..bb2ff516 Binary files /dev/null and b/editor/images/shape_group.png differ diff --git a/editor/images/shape_ungroup.png b/editor/images/shape_ungroup.png new file mode 100644 index 00000000..3a6f369a Binary files /dev/null and b/editor/images/shape_ungroup.png differ diff --git a/editor/svg-editor.css b/editor/svg-editor.css index e3c41a28..9a8b99b9 100644 --- a/editor/svg-editor.css +++ b/editor/svg-editor.css @@ -121,6 +121,10 @@ div.color_block { display: none; } +#svg_editor #group_panel { + display: none; +} + #svg_editor #rect_panel { display: none; } diff --git a/editor/svg-editor.html b/editor/svg-editor.html index 95600fa0..309558d8 100644 --- a/editor/svg-editor.html +++ b/editor/svg-editor.html @@ -87,6 +87,7 @@ | Clone Delete + Group | Left Center @@ -103,6 +104,11 @@ +
+ | + Ungroup +
+
| @@ -257,7 +263,7 @@
- +
diff --git a/editor/svg-editor.js b/editor/svg-editor.js index e2b358ed..1ae89f5a 100644 --- a/editor/svg-editor.js +++ b/editor/svg-editor.js @@ -556,6 +556,10 @@ function svg_edit_setup() { svgCanvas.redo(); }; + var clickGroup = function(){ + console.log("Group not implemented yet"); + }; + var clickClone = function(){ svgCanvas.cloneSelectedElements(); }; @@ -657,6 +661,8 @@ function svg_edit_setup() { $('#tool_redo').click(clickRedo); $('#tool_clone').click(clickClone); $('#tool_clone_multi').click(clickClone); + $('#tool_group').click(clickGroup); + $('#tool_ungroup').click(clickGroup); $('#tool_alignleft').click(clickAlignLeft); $('#tool_aligncenter').click(clickAlignCenter); $('#tool_alignright').click(clickAlignRight); @@ -741,6 +747,7 @@ function svg_edit_setup() { [modKey+'y', function(evt){clickRedo();evt.preventDefault();}], [modKey+'u', function(evt){showSourceEditor();evt.preventDefault();}], [modKey+'c', function(evt){clickClone();evt.preventDefault();}], + [modKey+'g', function(evt){clickGroup();evt.preventDefault();}], ['esc', cancelSourceEditor, false] ];