processing.core
Class PShapeSVG

java.lang.Object
  processing.core.PShape
      processing.core.PShapeSVG

All Implemented Interfaces:

PConstants

public class PShapeSVG
extends PShape

SVG stands for Scalable Vector Graphics, a portable graphics format. It is a vector format so it allows for infinite resolution and relatively small file sizes. Most modern media software can view SVG files, including Adobe products, Firefox, etc. Illustrator and Inkscape can edit SVG files.

We have no intention of turning this into a full-featured SVG library. The goal of this project is a basic shape importer that is small enough to be included with applets, meaning that its download size should be in the neighborhood of 25-30k. Starting with release 0149, this library has been incorporated into the core via the loadShape() command, because vector shape data is just as important as the image data from loadImage().

For more sophisticated import/export, consider the Batik library from the Apache Software Foundation. Future improvements to this library may focus on this properly supporting a specific subset of SVG, for instance the simpler SVG profiles known as SVG Tiny or Basic, although we still would not support the interactivity options.

A minimal example program using SVG: (assuming a working moo.svg is in your data folder)

 PShape moo;

 void setup() {
   size(400, 400);
   moo = loadShape("moo.svg");
 }
 void draw() {
   background(255);
   shape(moo, mouseX, mouseY);
 }
 

Late October 2008 revisions from ricardmp, incorporated by fry (0154)

• Better style attribute handling, enabling better Inkscape support.

• Candy is no longer a separate library, and is instead part of core.
• Loading now works through loadShape()
• Shapes are now drawn using the new PGraphics shape() method.

• Major changes to rework around PShape.
• Now implementing more of the "transform" attribute.

• Added support for quadratic curves in paths (Q, q, T, and t operators)
• Support for reading SVG font data (though not rendering it yet)

• Switch to the new processing.xml library
• Several bug fixes for parsing of shape data
• Support for linear and radial gradients
• Support for additional types of shapes
• Added compound shapes (shapes with interior points)
• Added methods to get shapes from an internal table

• Now properly supports Processing 0118
• Fixed a bunch of things for Casey's students and general buggity.
• Will now properly draw #FFFFFFFF colors (were being represented as -1)
• SVGs without tags are now properly caught and loaded
• Added a method customStyle() for overriding SVG colors/styles
• Added a method SVGStyle() to go back to using SVG colors/styles

• Rounded rectangles
• Drop shadow objects
• Typography
• Layers added for Candy 2
• Patterns
• Embedded images

PShapeSVG

public PShapeSVG(PApplet parent,
                 java.lang.String filename)

Initializes a new SVG Object with the given filename.

PShapeSVG

public PShapeSVG(XMLElement svg)

Initializes a new SVG Object from the given XMLElement.

PShapeSVG

public PShapeSVG(PShapeSVG parent,
                 XMLElement properties)

getChild

public PShape getChild(java.lang.String name)

Get a particular element based on its SVG ID. When editing SVG by hand, this is the id="" tag on any SVG element. When editing from Illustrator, these IDs can be edited by expanding the layers palette. The names used in the layers palette, both for the layers or the shapes and groups beneath them can be used here.

 // This code grabs "Layer 3" and the shapes beneath it.
 SVG layer3 = svg.getChild("Layer 3");
 

Overrides:

getChild in class PShape

print

public void print()

Prints out the SVG document. Useful for parsing.