Skip to content

钢笔 ​

高级插件 · 免费体验

用锚点和控制柄勾勒曲线,创建可继续编辑的矢量路径。

用锚点勾勒精确曲线 ​

通过落点与控制柄创建直线、曲线和闭合轮廓。路径保留锚点结构,完成后仍可继续编辑,而不是一张不可修改的图片。

钢笔交互体验

免费体验,点击后加载;修改只保留在当前页面。

核心能力 ​

  • 点击创建直线锚点,拖动创建曲线控制柄。
  • 开放路径与闭合轮廓,支持描边和填充样式。
  • 路径锚点与控制柄编辑,支持不同锚点模式。
  • 路径节点的选择、移动、缩放、旋转与撤销重做。

跟着做一次 ​

  1. 点击“开始体验”,钢笔工具默认启用,画布中带有可编辑的曲线示例。
  2. 在空白处依次点击创建折线;落点时按住并拖动,拉出控制柄创建曲线。
  3. 按Enter完成开放路径,或点击起点闭合路径。按Esc可取消未完成草稿。
  4. 点击顶部“选择工具”后选中路径,使用选区工具栏的锚点编辑入口调整路径。
  5. 点击顶部“钢笔工具”继续绘制,也可在画布获焦时按P。底部笔盒可调整颜色与线宽。

草稿与锚点编辑 ​

绘制过程中按Backspace或Delete逐步移除草稿锚点;完整路径提交后才进入文档历史。锚点编辑状态下,这两个按键作用于当前选中的锚点。

按Enter结束锚点编辑,按Esc退出当前编辑或取消草稿;没有草稿与编辑状态时按Esc返回选择工具。先结束当前操作,再开始选择与移动,能避免把路径绘制和节点变形混在一起。

常见问题 ​

画笔和钢笔有什么不同? 画笔记录连续自由笔迹;钢笔用离散锚点与控制柄构造路径,适合需要精确调整的轮廓与曲线。

点击为什么一直在添加点? 当前路径还没有结束,按Enter提交开放路径,或点击起点闭合。

体验会保存我的路径吗? 不会写入工作区或浏览器存储,刷新或重置会丢失当前修改。

当前免费开放在线体验,尚未提供高级插件的公开npm安装入口。体验开放与安装包、源码分发分别管理。

可组合的画布能力,从一个想法开始。