svg2p5 将SVG标记转换为p5.js画布 svg2p5是一个转换器，它以<svg>标记或标记的形式接受SVG标记，并输出等效的画布代码。 支持 :check_mark_button: 支持的SVG标记 :cross_mark: 不支持的SVG标记（尚未） stroke="" fill="" strokeCap="" strokeJoin="" ETC。 已知的问题 通常，输出可能不完美，需要进行一些手动清洁。 有时，最后一个顶点连接到第一个顶点。 有时，您会发现需要用beginShape()和endShape()包装才能看到的孤独的vertex()和bezierVertex() 。 短期待办事项清单 预计完成时间：2021年4月底。 通过为不支持的属性添加SVG标记来防止错误，并通知用户并禁用转换（在这种

svg-pathdata 简单有效地处理SVG路径数据（path [d]属性内容）。 用法 安装模块： npm install --save svg-pathdata 或将添加到HTML中的脚本中。 然后在您JavaScript文件中： const { SVGPathData , SVGPathDataTransformer , SVGPathDataEncoder , SVGPathDataParser } = require ( 'svg-pathdata' ) ; 使用TypeScript / ES6中的导入语法： import { SVGPathData , SVGPathDataTransformer , SVGPathDataEncoder , SVGPathDataParser } from 'svg-pathdata' ; 如果没有模块，则在包中使用全局：

将 svg-path-parser 生成的格式序列化回 svg 路径字符串。

svg-path-bounds 从svg路径数据中检索边界框。 const getBounds = require ( 'svg-path-bounds' ) let [ left , top , right , bottom ] = getBounds ( 'M0 0L10 10 20 0Z' ) // [0, 0, 20, 10] bounds = getBounds（path | segments） 计算字符串或数组的边界框。 盒子是通过控制点而不是实际路径来检测的。 有关的 返回svg路径数据段 将svg路径转换为绝对值 将svg路径转换为相对值 使路径仅由贝塞尔曲线段组成 path-基于svg路径数据创建画布形状 将svg路径坐标带到任何线性范围 相似的 svg-path-bounding-box 执照 麻省理工学院:copyright:Dmitry Iv。