做了一个本地图片工作台：裁剪、缩放后继续生成 SVG 路径

我维护的 JPGtoSVG 新增了图片编辑流程：先裁剪、缩放，再把编辑结果继续转成 SVG 路径。免费使用、无需注册，也没有水印。这里分享几个实际实现和检查方法，做图标、简单插画或手工图案时都能用到。

前处理：一次重绘完成裁剪与缩放

裁剪框确定保留的图像区域，输出宽高确定最终像素尺寸。Canvas 的核心调用是：

ctx.drawImage(source, c.x, c.y, c.width, c.height,
  0, 0, output.width, output.height);

先留一份编辑后的 PNG、JPEG 或 WebP，后续就能重新描摹。原图已有透明区域时，PNG/WebP 可以保留透明；JPEG 导出先填白底。

描摹：让 Worker 处理像素

SVG 描摹由 VTracer WebAssembly 在浏览器 Worker 内完成，图片处理留在本机。编辑页生成结果后可继续转 SVG，无需再次选图。转换页提供原图与结果分屏，以及 100%、200%、400% 放大检查；如果从编辑页另开转换页，需要先下载编辑结果，再选取该图片。

交付前，检查路径与轮廓

扩展名是 .svg，还可以打开源码确认是否有实际 path，以及 viewBox 是否匹配画布。本工具会验证路径输出和允许的元素，拒绝外部资源与事件属性。视觉上建议检查叶尖、孔洞、分离区块和边缘颜色；调整参数时一次只改一项，更容易比较变化。

一次处理一张静态图片，输入支持 JPG、PNG、WebP，当前单图上限 20 MB、400 万像素、单边 8192 像素；免费转换次数不限。

工具：JPGtoSVG 图片工作台。我也是维护者，欢迎讨论本地图片处理与 SVG 描摹的实现。