Skip to content
This repository

HTTPS clone URL

Subversion checkout URL

You can clone with HTTPS or Subversion.

Download ZIP

Import raw SVG data into Raphael

branch: master

Updated README

latest commit 5acfbae881
Wout Fierens authored
Octocat-spinner-32 assets alpha 0.0.1 December 01, 2009
Octocat-spinner-32 lib updated raphael to 1.5.2 June 09, 2011
Octocat-spinner-32 spec added set option March 18, 2011
Octocat-spinner-32 src bumped to version 0.0.3 March 14, 2011
Octocat-spinner-32 LICENSE.txt typo March 15, 2011
Octocat-spinner-32 README.markdown Updated README February 02, 2013
Octocat-spinner-32 demo.html bumped to version 0.0.3 March 14, 2011
Octocat-spinner-32 raphael-svg-import.js added set option March 18, 2011
README.markdown

Important!

I switched from raphael to svg.js for all my vector graphics because svg.js is only a fraction of raphael's size and supports much more core SVG features. Therefore this plugin is no longer supported. Similar functionality can be found in the the svg.import.js plugin for svg.js.

Raphaël SVG Import plugin - 0.0.4

What is it?

An extension to the Raphael Vector Library. It enables Raphael to import raw SVG data.

Usage

var paper = Raphael(10, 10, 800, 500);
paper.importSVG('<svg><rect x="50" y="50" fill="#FF00FF" width="100" height="100" /></svg>');

If you want the imported elements to be grouped in a set, pass the set as an optional parameter:

var paper = Raphael(10, 10, 800, 500);
var set = paper.set();
paper.importSVG('<svg><rect x="50" y="50" fill="#FF00FF" width="100" height="100" /></svg>', set);

You can export a svg file from Inkscape or Illustrator, open it with a plain text editor and dump it in there.
The plugin will filter out the necessary.

In the assets folder a demo.svg file is provided. Nothing fancy but it gives you a starting point.

Dependencies

To-do

  • SVG group to Raphael set conversion
  • line recognition
  • text recognition
  • image recognition

Contributing to Raphael SVG Import

  • Check out the latest master to make sure the feature hasn't been implemented or the bug hasn't been fixed yet
  • Check out the issue tracker to make sure someone already hasn't requested it and/or contributed it
  • Fork the project
  • Start a feature/bugfix branch
  • Commit and push until you are happy with your contribution
  • Make sure to add tests for it. This is important so I don't break it in a future version unintentionally.
  • Please try not to mess with the Rakefile, version, or history. If you want to have your own version, or is otherwise necessary, that is fine, but please isolate to its own commit so I can cherry-pick around it.

Copyright

Copyright (c) 2011 Wout Fierens. See LICENSE.txt for further details.

Something went wrong with that request. Please try again.