Giter VIP home page Giter VIP logo

artdraw's Introduction

ArtDraw

SVG editor online - Vector drawing and graphics editor

artdraw-svg-editor-online

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 ToolsTop 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
Frehand tool Polygon 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
Oval tool Rectangle 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
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.

artdraw's People

Contributors

sysmaya avatar

Stargazers

 avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar  avatar

Recommend Projects

  • React photo React

    A declarative, efficient, and flexible JavaScript library for building user interfaces.

  • Vue.js photo Vue.js

    ๐Ÿ–– Vue.js is a progressive, incrementally-adoptable JavaScript framework for building UI on the web.

  • Typescript photo Typescript

    TypeScript is a superset of JavaScript that compiles to clean JavaScript output.

  • TensorFlow photo TensorFlow

    An Open Source Machine Learning Framework for Everyone

  • Django photo Django

    The Web framework for perfectionists with deadlines.

  • D3 photo D3

    Bring data to life with SVG, Canvas and HTML. ๐Ÿ“Š๐Ÿ“ˆ๐ŸŽ‰

Recommend Topics

  • javascript

    JavaScript (JS) is a lightweight interpreted programming language with first-class functions.

  • web

    Some thing interesting about web. New door for the world.

  • server

    A server is a program made to process requests and deliver data to clients.

  • Machine learning

    Machine learning is a way of modeling and interpreting data that allows a piece of software to respond intelligently.

  • Game

    Some thing interesting about game, make everyone happy.

Recommend Org

  • Facebook photo Facebook

    We are working to build community through open source technology. NB: members must have two-factor auth.

  • Microsoft photo Microsoft

    Open source projects and samples from Microsoft.

  • Google photo Google

    Google โค๏ธ Open Source for everyone.

  • D3 photo D3

    Data-Driven Documents codes.