Notities
Dit is een fiddle om SVG-afbeeldingen (delen ervan) te importeren en te bewerken met paper.js.
Bij het gebruik van de "xlink:href"-methode om SVG-content uit externe SVG-files te importeren, moet je rekening houden met:
- De SVG-file moet in dezelfde directory staan!
- Het werkt niet om een hele SVG-file te importeren; alleen elementen als groep (g) en path.
- Let op scaling, styling en translate die als styling in de groep staan; deze overrulen evt. CSS-styling!
Bij nader inzien was dit niet de meest voor de hand liggende methode. Hierna ben ik verder gegaan met de svg.js library. In tegenstelling tot paper.js werkt deze direct met svg-elements en niet met het canvas (bitmap) element.
Zie hier