Design Mode - Step 1
The goal is for Carve to eventually become a traditional graphical editor. Thus, it will be required to introduce a new mode of editing, Design. The CarveSVGWindow should have two modes: Code (text editing), Design (interface with graphics) with the ability to switch between these modes easily and intuitively (View menu, button, shorcut key)
For a first step towards this, the Design mode should display a properly-sized canvas and all graphical shape elements in the document (Rect, Circle, Ellipse, Line, Polygon, Path). The graphical elements do not necessarily have to have all the proper stroke, fill but should be in the correct position. If text, textArea, and image elements are too difficult, they can be saved for a later phase of Design Mode.
Ideally the graphical elements should be selectable with some visual indication of which item is selected. The DOM Browser should be linked to the behavior in the Design Mode (the currently selected graphical element should highlight the corresponding node in the DOM Browser and vice versa). If the Properties Panel is implemented, then selecting a graphical element should also update the Properties Panel.
Blueprint information
Related branches
Related bugs
Sprints
Whiteboard
Work has begun on the <rect> and <svg> elements in Design mode. It is partially working in Build 16 for fill, stroke color (no gradients supported).
<circle>, <ellipse>, <line>, <polyline>, <polygon>, <path> elements now working in Build 18.
<g> element working in Build 19. Completed transform attribute parsing for all types of SVG transforms.
This feature is complete in Build 19. At this phase, Design mode does not support: <image>, <text>, <use> or any gradients. Also, property inheritance is not yet handled. Finally, display/visibility have no effect on the appearance in Design mode. At this point, you might use Design mode to tweak the position of elements via the Properties panel but the SVG document is not in any way editable via the Design mode itself.
