Skip to content

Include example in which an SVG is loaded, modified, and exported #20

@golanlevin

Description

@golanlevin

Working version here:
https://editor.p5js.org/golan/sketches/qn6EpSXiQ

This program:

  • Loads an SVG file, using loadStrings() from p5.js v.1.11
  • Parses it, with npm/svg-path-parser v.1.1.0
  • Stores the SVG as an array of commands
  • Also stores the SVG as an array of polyline coordinates
  • Displays a design using the SVG
  • Modifies the design (e.g. with randomness)
  • Exports an SVG of the design, using p5.plotSvg.js v0.1.7

Metadata

Metadata

Assignees

Labels

documentationImprovements or additions to documentation

Projects

No projects

Milestone

No milestone

Relationships

None yet

Development

No branches or pull requests

Issue actions