GithubHelp home page GithubHelp logo

jerrzhang / svgedit Goto Github PK

View Code? Open in Web Editor NEW

This project forked from svg-edit/svgedit

0.0 2.0 0.0 27.21 MB

Powerful SVG-Editor for your browser

License: MIT License

Makefile 0.16% JavaScript 92.09% Python 0.23% HTML 5.05% PHP 0.22% CSS 2.25%

svgedit's Introduction

alt text SVG-edit

SVG-edit is a fast, web-based, javascript-driven SVG drawing editor that works in any modern browser.

Demo

(Also available as a download in releases).

You may also try the pre-release (or the ES6-Module version, assuming a modern browser).

Installation

Note that steps 1-2 below are only necessary if you wish to integrate SVG-edit into your own npm package; otherwise, you can skip those steps and instead of looking within node_modules/svgedit, look within your copy of the svgedit Git repo.

  1. Set up an npm package of your own: npm init (complete the fields).
  2. Install SVG-edit into your package: npm i svgedit
  3. Copy svgedit-config-sample-es.js (in the SVG-edit project root; see node_modules/svgedit) to svgedit-config-es.js.
  4. This will enable svg-editor-es.html to work, an HTML file directly using ES6 modules. Note that this file only works on modern browsers. The config file now imports the SVG edit code, minimizing the scripts that need to be referenced in the HTML file.
  5. To also build a rolled-up, Babelified, non-ES Modules (IIFE) JavaScript file which will allow svg-editor.html to work, a file which does not rely on ES6 Modules support, follow these steps:
  6. Run npm install within the node_modules/svgedit directory to install the build tools for SVG-edit.
  7. Run npm run build-config within the node_modules/svgedit directory.
  8. If you wish to make changes to the HTML, modify svg-editor-es.html and then run npm run build-html to have the changes properly copied to svg-editor.html.

Recent news

  • 2018-05-26 Published 3.0.0-alpha.2 with ES6 Modules support
  • 2017-07 Added to Packagist: https://packagist.org/packages/svg-edit/svgedit
  • 2015-12-02 SVG-edit 2.8.1 was released.
  • 2015-11-24 SVG-edit 2.8 was released.
  • 2015-11-24 Code, issue tracking, and docs are being moved to github (previously code.google.com).
  • 2014-04-17 2.7 and stable branches updated to reflect 2.7.1 important bug fixes for the embedded editor.
  • 2014-04-07 SVG-edit 2.7 was released.
  • 2013-01-15 SVG-edit 2.6 was released.

Videos

Supported browsers

The following browsers had been tested for 2.6 or earlier and will probably continue to work with 2.8.

  • Firefox 1.5+
  • Opera 9.50+
  • Safari 4+
  • Chrome 1+
  • IE 9+ and Edge

Further reading and more information

svgedit's People

Contributors

adrianbj avatar aguirrel2 avatar antimatter15 avatar asyazwan avatar bcw104 avatar brettz9 avatar chancethemaker avatar codedread avatar delapouite avatar flintobrien avatar fsmynextit avatar fyrd avatar goteamscotch avatar ibrierley avatar iuyiuy avatar jbrookover avatar jessstrap avatar josegaert avatar magnebra avatar marclaporte avatar mrrio avatar neilfraser avatar portablejim avatar progers avatar prusnak avatar rafaelcastrocouto avatar staldert avatar sudo-ben avatar waldyrious avatar wschleter avatar

Watchers

 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.