SVGDiscovery: Internet Explorer 9/10 SVG Drawing Tool

SVGdiscovery Lite

This application creates SVG drawings usable in an HTML5 environment. The SVG source can be copied/pasted into your application. This application runs in Internet Explorer 9/10.

~ Screen Shots ~

Creating Basic SVG Elements

Each element includes its individual settings panel for fill and stroke color selection. A slider displays and selects an element's stroke-width.
Lines - includes end arrows, right-angle lines, and dimension lines.
Rectangles - with rounded corners, and squares.
Circles - circles can be created.
Ellipses - ellipses can be created.
Text - text can be typed into workspace.
Icons - select from over 200 icons.
Polygons,etc - build polygons, stars, and spider monkeys.
Images - insert images from your computer files.

Building SVG Paths

Paths can be straight, smooth, traced, hand engraved, and spirals. Also paths can be used for clipping and as a textPath.
Straight Paths - point/click for each point along a path.
Smooth Paths - select a path or arc from a template. Morph its points.
Trace Paths - point/click to place tracing points.
Engraved Paths - hold cursor down for a freehand path.
Clip Paths - use paths to clip other elements.
Text Paths - place text along a path.
Spirals - build spirals from a template.
Path Points - existing paths points can be edited.

Editing Elements

Move - click to attach an element to the cursor for moving.
Delete - click on element to delete it.
Copy - make multiple copies of each element.
Rotate - drag/drop a rotation circle about its center.
Protect - elements hidden from editing and hilite.
Stacking - place elements above/below others.
Settings - change settings for each element.
Text Edit - change text characters and settings.
Set Opacity - elements can be semi-transparent.
Gradient Fill - add gradient fill for elements.
Mask Slice - Slice an element
Source Edit - change source on elements.

- Copy and past the source into your application as: SVG image file, inline SVG, or xhtml.

Start this Application

SVGdiscovery Lite is a precursor to SVGdiscovery Pro whereby files are saved into a Cloud and can be retrieved for editing, plus includes the ability to create SVG symbols and their libraries.