O'Reilly logo

Learning Raphaël JS Vector Graphics by Damian Dawber

Stay ahead with the world's most comprehensive technology and business learning platform.

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, tutorials, and more.

Start Free Trial

No credit card required

Inspecting paths

Since we're familiar with supplying raw path string data to the path method in Raphaël, it goes without saying that we can copy a path string from an SVG and draw paths this way. For complex graphics, the raw XML of an SVG is not always easy to work with and manipulating multiple paths can be cumbersome but this approach of working with existing SVGs does give us complete control over the graphics that we are manipulating.

Inkscape's XML Editor

One of the great features of Inkscape is the ability to view and edit an SVG's XML markup directly. Consider the example of the circle in the previous section. If you click on Edit | XML Editor, you will be presented with the SVG's document structure. Clicking on the element you have created ...

With Safari, you learn the way you learn best. Get unlimited access to videos, live online training, learning paths, books, interactive tutorials, and more.

Start Free Trial

No credit card required