ArtDraw

SVG editor online - Vector drawing and graphics editor

This project uses javascript, HTML, to create a graphical editor for designing vector images in SVG format. This project was not intended for use in NodeJS.

The central idea of the project is to create a simple editor that has a large number of tools that allow creating functional designs, like those made with commercial programs.

The project is in a continuous phase of development, this can be considered the initial version. There are still many tools to be developed, surely bugs to be corrected. This editor works on an SVG object, not Canvas. So the performance is not so perfect, but that doesn't mean it's not usable, or it's not capable of generating complex files. Still try not to abuse the nodes in the SVG paths.

SVG Editor Tools

Left Bar Tools	Top Bar Tools
Freehand pencil tool Polygon pencil tool Ovals Tool Rectangles Tool Text Tool Cliparts	File Menu Options Setttings Size Document Z.Order Shapes Mirror Tool Group Shapes Combine Shapes Grid align tool

Right Bar Tools and	Panels Assistants
Arrays panel Edit nodes bezier Border Round Align Tool Boolean operations Tool Offset Tool	Trace image to vectors Color and gradients panel Clip mask panel Rough style panel Backgrounds panel Filter effects panel

xxxxxxx

Freehand Pencil Tool	Polygon Pencil Tool
This is your typical freehand pencil tool. The smoothing factor is adjustable from configuration.	This Tool draws a polygon with straight segments. By clicking on the red starting point, it closes automatically.

xxxx

Ovals Pencil Tool	Rectangle Pencil Tool
Simple and essential tool. Just draw circles starting from the center..	This tool makes rectangles, just rectangles and squares, and rectangles.

xxx

Text Tool	Clipparts Tool
The Text tool allows you to create 2 types. Simple and vector text with the OpenType library. Artdraw includes more than 500 GoogleFonts.	Enter the clipparts gallery and select the design of your liking. Insert it to the document. Then you can modify size, colors, etc.