svg path editor:在线编辑器用于创建和操作SVG路径 源码

SvgPathEditor 在浏览器中编辑或创建SVG路径: : 如何使用 基本的: 在路径字段中粘贴或编辑原始路径 单击+将新命令添加到路径,选择类型,然后单击目标 通过拖放移动点 单击一个点,然后在...按钮上,在选定的命令之后立即插入一个命令,以将其删除或更改其类型 命令面板: 单击命令类型以在相对坐标和绝对坐标之间切换 相对命令类型为橙色,绝对命令为紫色 单击...,然后单击删除以删除命令 单击...,然后在之后插入,以在所选命令之后立即插入新命令 单击...,然后单击转换以将所选命令转换为新类型 视图框: 使用鼠标滚轮,或单击放大和缩小以放大/缩小 使用拖放移动viewBox 单击“缩放至适合”以根据当前路径自动设置viewBox 也可以使用x , y , width和height字段手动设置ViewBox 路径操作: 使用“缩放”按钮缩放完整路径 使用“翻译”按钮翻译完整