Documentation for SVG Drawing

v0.050
Requires that svg being edited contains an id attribute in the initial <svg /> tag.

The only method to save is the right-click on the editing frame and select "Copy SVG"
and then paste into an open document in a simple text editor. The right-click/Save As
does not contain any of the added elements or any changes in existing elements. The
Save As function simply saves the originally opened file as is. The right-click/
View option also simply displays the code from the originally opened file. The only
right-click option that retains the changes to the svg is the Copy SVG option. Note
that the Copy SVG option does not break code with linebreaks. If you wish to see
linebreaks then you must manually insert them as desired.

Color picker: Click within thin color bars to create rgb colors. Click on quik
color bars along bottom for basic color circle colors. On the right are two offset
squares: left one sets active "fill" color and right one sets active "stroke" color.

Opacity control on right of color picker: click within to set opacity. Defaults to
no opacity. Control adds mouse position for x and y to determine opacity. So, top
left is near full opacity (0.0) and bottom right is near zero opacity (1.0). Top
right and bottom left both show 50% opacity (0.25) as does center point.

Both color and opacity controls need fleshing out but are functional starting points.

Must click the shape button before drawing. After clicking a shap button, use the mouse
to create shapes in the editing image at top left of screen. Images use information
from the controls (color and opacity at least). You can later select the shape id from
the dropdown list and then change properties real-time.

If you refresh the screen, ignore the syntax error BUT be sure to click the "Go" button
in Internet Explorer. SVG images created should be viewable in other browsers/svg
viewers. However, the editor requires Internet Explorer and the Adobe Viewer. This 
Adobe viewer requires embedding with the embed tag (unless launched native as a .svg
file instead of as a .html file). Other browsers/viewers may work if they support this
embed convention.

All shapes are drawn as direct children of the root svg tag. No defs or g's supported.

Polygons and Polylines are defined differently from lines, rectangles, circles and
ellipses. You start a polygon or polyline as you do the others by pressing on the
Polygon or Polyline button. Afterwards you click the various points to define your
point set. When finished selecting points, again click on the Polygon or Polyline button.
The 2nd click on the button will trigger the drawing of your shape.

The line, rectangle, circle, and ellipse are drawn by clicking the the shape button
you want and then pressing down the mouse button and sliding the mouse to where you
wish to end at which point you lift the mouse button. The mouse button down event for
circles and ellipses sets the center point for the shape while the mouseup determines
the radius for the shape. Otherwise, the mousedown and mouseup determine opposite 
corners of the shape.
