PShapes - SVG, Vertex Shapes
PShapes - SVG and Vertex Shapes
Setting the fill and stroke for PShapes is non-trivial since the PShape class is a wrapper class that tries to treat several different types of shapes as the same type.
We can make modifications to the Pattern class to help smooth out these difficulties.
The Noun Project https://thenounproject.com/ Provides an easy way to get some simple svg's that we can use to create patterns.
Instructions to remove text from SVG:
Table of Fill, Stroke Syntax for PShapes
PShape | Type | Fill Syntax |
s = createShape( RECT,0,0,20,40) | processing primitive | s.setFill(color( 100) ); |
s = createShape( ); | vertex shape | s.setFill(color(100) ); |
s = loadShape("shape.svg" ) | external svg file | s.disableStyle( ); fill(color(100) ); |
Updated Pattern Class - For All PShapes
The code below can be used with all types of PShapes. When using the external svg version, you must set the value of isSVG = true in the main tab after creating the Pattern object.
example main tab code
Pattern Class
Last updated