# Help Test the SVG Import & Export Addon for p5.js (GSoC 2026)

**URL:** <https://discourse.processing.org/t/help-test-the-svg-import-export-addon-for-p5-js-gsoc-2026/49019>\
**Category:** Libraries\
**Tags:** contributions, dev-update\
**Created:** [July 21, 2026, 8:07am UTC](https://discourse.processing.org/t/help-test-the-svg-import-export-addon-for-p5-js-gsoc-2026/49019 "2026-07-21T08:07:02Z")\
**Posts on this page:** 4\
**Page:** 1

<div class="post-metadata">

**Author:** ![VANSH3104](https://avatars.discourse-cdn.com/v4/letter/v/41988e/32.png) [@VANSH3104](https://discourse.processing.org/u/VANSH3104)\
**Post date:** [July 21, 2026, 8:07am UTC](https://discourse.processing.org/t/help-test-the-svg-import-export-addon-for-p5-js-gsoc-2026/49019/1 "2026-07-21T08:07:03Z")

</div>

Hi everyone,

As part of Google Summer of Code 2026 with p5.js, I’ve been working on an addon that adds SVG import and export support using the Shape system.

Since my last update, the SVG import addon is now ready for testing,

If you’d like to try it out:

- **GitHub:** [GitHub - VANSH3104/p5.SVG.js: Native SVG export and import support for p5.js using the Shape system and PrimitiveVisitor architecture. · GitHub](https://github.com/VANSH3104/p5.SVG.js)
- **p5 Editor examples:** [p5.js Web Editor](https://editor.p5js.org/vanshkabra05/collections/zFSI0veVz)

I’d really appreciate it if you could try the addon with one of your own sketches or SVGs and let me know how it goes. If you run into any bugs, unexpected behavior, or have suggestions for improving the API or overall experience, I’d love to hear your feedback.

Thanks again to everyone who has shared feedback so far, it has been incredibly helpful!

---

<div class="post-metadata">

**Author:** ![kit](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kit/32/20478_2.png) [@kit](https://discourse.processing.org/u/kit)\
**Post date:** [July 23, 2026, 3:55pm UTC](https://discourse.processing.org/t/help-test-the-svg-import-export-addon-for-p5-js-gsoc-2026/49019/2 "2026-07-23T15:55:42Z")

</div>

Exciting! Maybe this is a silly question but if I want to change the color of the shape, how would I do that?

It uses its color currently. But if I want to apply the `fill` or `stroke` styles to it, is it possible or could it be possible?

---

<div class="post-metadata">

**Author:** ![VANSH3104](https://avatars.discourse-cdn.com/v4/letter/v/41988e/32.png) [@VANSH3104](https://discourse.processing.org/u/VANSH3104)\
**Post date:** [July 23, 2026, 5:45pm UTC](https://discourse.processing.org/t/help-test-the-svg-import-export-addon-for-p5-js-gsoc-2026/49019/3 "2026-07-23T17:45:19Z")

</div>

If you’re referring to imported SVGs, then currently you can’t use p5 styling functions like `fill()` and `stroke()` to override the SVG’s styles. However, `loadSVG()` returns a live SVG DOM, so you can modify the SVG directly using the DOM APIs instead. Here’s an example: [svg-dom-import by vanshkabra05 -p5.js Web Editor](https://editor.p5js.org/vanshkabra05/sketches/a6XMSQHVu)

We’re still exploring the best API for this, so this may become more seamless in the future. Feedback like this is really helpful.

---

<div class="post-metadata">

**Author:** ![kit](https://yyz2.discourse-cdn.com/flex036/user_avatar/discourse.processing.org/kit/32/20478_2.png) [@kit](https://discourse.processing.org/u/kit)\
**Post date:** [July 24, 2026, 1:41pm UTC](https://discourse.processing.org/t/help-test-the-svg-import-export-addon-for-p5-js-gsoc-2026/49019/4 "2026-07-24T13:41:30Z")

</div>

Thanks, that example is helpful!