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 星标 ★ 204
维护状态 维护中
是否开源 是
定价模式 free

项目数据

分类设计创意
开发团队golanlevin
所属国家
官网地址
GitHubhttps://github.com/golanlevin/p5.plotSvg
定价模式free
价格说明开源库，MIT 许可证，完全免费，无付费版本。
访问状态
是否开源是
开源协议MIT
主要语言JavaScript
技术栈/模型
GitHub 星标★ 204
30天Star增速
HF 下载量
上线时间2024-11-19 00:00:00
最近更新2026-06-26 00:00:00
维护状态维护中
中文支持
访问方式
移动端支持
综合评分
收录时间2026-08-09
浏览次数0

核心亮点

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

不足之处

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

适用场景

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

替代项目

p5.svg、svg.js、paper.js

项目介绍

p5.plotSvg 是一个设计创意领域的开源项目，官方简介：A p5.js library for exporting SVG files tailored for pen plotting.。项目使用 JavaScript 开发，在 GitHub 上获得 204 星标。

上一篇：game-engine

下一篇：nodebox

同类项目推荐

ChatGPT-MidJourney-prompt 开源

输入一句话，AI帮你生成Midjourney完整提示词

This is a ChatGPT based prompt generation model for MidJorney. The purpose of this m···

★ 341 2026-08-09
opendesign 开源

让AI编码有审美，从真实设计系统中学习

1,486 real web design systems, extracted into machine-readable specs. An MCP server ···

★ 64 2026-08-09
Loomic 开源

聊天式无限画布，一句话搞定图像视频设计

Open-source AI canvas design agent — alternative to Lovart / CapCut Video Studio / ···

★ 154 2026-08-09
vsvg 开源

让绘图机用户快速处理 SVG，告别卡顿和格式烦恼

Fast and portable tools for plotter users

★ 155 2026-08-09