p5.plotSvg

把 p5.js 草图一键导出为 SVG，直接驱动绘图仪出图

p5.plotSvg 是一个专为 p5.js 设计的轻量级库，用于将 p5.js 绘制的图形导出为 SVG 矢量文件，特别针对笔式绘图仪（如 AxiDraw）的创作流程优化。它解决了 p5.js 默认输出为位图（PNG）导致线条不够锐利、无法直接驱动绘图仪的问题，让创意编程作品能无缝衔接矢量输出。核心能力包括：一键捕获 p5.js 的绘制命令并转换为 SVG 路径、支持常见的形状（线条、贝塞尔曲线、多边形等）、可自定义画布尺寸和视图框、保留图层结构便于后期编辑。该库保持 p5.js 的原生语法，开发者无需学习新 API，只需在代码中调用导出函数即可。项目处于早期阶段，但已具备基本功能，适合生成精确的线条艺术、几何图案和可打印的矢量图形。

开源 free 设计创意

访问官网 ↗ GitHub ↗ 文档 ↗

GitHub 星标 ★ 208

维护状态低维护

是否开源是

定价模式 free

项目预览

项目数据

分类设计创意

开发团队golanlevin

所属国家

官网地址

GitHubhttps://github.com/golanlevin/p5.plotSvg

定价模式free

价格说明开源库，MIT 许可证，完全免费，无付费版本。

访问状态

是否开源是

开源协议MIT

主要语言JavaScript

技术栈/模型axidraw,creative-coding,drawing-machine,file-export,generative-art,p5js,p5js-library,pen-plotter,pen-plotters,plotter-art,plotter-utility,plottertools,plottertwitter,svg,svg-files,vector-art-software

GitHub 星标★ 208

30天Star增速

HF 下载量

上线时间2024-11-19 00:00:00

代码更新—

仓库体积—

本站数据更新—

维护状态低维护

中文支持

访问方式

移动端支持

综合评分

收录时间2026-08-09

浏览次数4

Star 增长趋势

本站每日记录该项目 GitHub 星标变化，观测越久曲线越完整

正在加载星标数据…

技术标签

使用教程

—

核心亮点

无缝集成 p5.js，零学习成本，只需调用导出函数即可生成 SVG
专为笔式绘图仪优化，输出线条清晰、路径精准，适合 AxiDraw 等设备
支持常见绘图命令（线、贝塞尔、多边形），并保留矢量图层结构便于后期编辑

不足之处

项目早期，API 可能不稳定，文档和示例较少，社区支持待观察
对复杂 p5.js 特性（如混合模式、滤镜、纹理）支持有限，可能无法完整转换

适用场景

生成可缩放、可打印的矢量海报或几何艺术
为笔式绘图仪（如 AxiDraw）准备绘图文件
在 p5.js 创作中快速导出 SVG 用于网页或印刷

替代项目

p5.svg、svg.js、paper.js

项目介绍

p5.plotSvg 是设计创意领域的开源项目，由 golanlevin 开发，2024 年首次发布。

它收录于设计创意分类，该分类目前共有 165 个项目，GitHub 星标数为 208。

项目已超过三个月没有代码更新，维护节奏明显放缓，最近一次代码更新于 2026-06-23。开源库，MIT 许可证，完全免费，无付费版本。

它主要面向的使用场景是：生成可缩放、可打印的矢量海报或几何艺术。同类可对比的替代方案包括 p5.svg、svg.js、paper.js。

上一篇：game-engine

下一篇：nodebox