一个浏览器扩展，在网页上按住鼠标自由画形状裁剪，自动去背景存为透明 PNG

AnyClip （任意裁剪）是一款浏览器扩展插件（网页小剪刀），允许用户在任意网页上通过鼠标自由绘制不规则形状进行裁剪，自动将选区外的背景去除并以透明贴纸（PNG）的形式保存到内置本地图库或直接下载。

一个浏览器扩展，在网页上按住鼠标自由画形状裁剪，自动去背景存为透明 PNG ...

它解决了传统截图工具只能截矩形的限制。

用法很简单，在网页上点一下工具栏里的 AnyClip 图标，在弹出的面板里点“开始裁剪”，然后按住鼠标左键在页面上拖动，画出你想要的形状。

鼠标移回起点附近的时候，路径会自动闭合，不需要你对准。

闭合瞬间插件就在后台完成精准裁剪，图片自动下载到你电脑的默认下载目录里。再次点开插件图标，可以进本地图库查看所有历史“贴纸”，随时重新下载或删掉。

一个浏览器扩展，在网页上按住鼠标自由画形状裁剪，自动去背景存为透明 PNG ... ... ...

底层实现也不复杂。

项目基于 Manifest V3，兼容 Chrome、Edge 和 Firefox。内容脚本负责注入网页、记录鼠标轨迹和闭合路径；后台脚本负责截图调度、下载兼容和 IndexedDB 存储；弹窗页面负责展示本地图库。

裁剪部分用的是 HTML5 Canvas。

Canvas 负责渲染绘图覆盖层，并通过 globalCompositeOperation 和 clip 做不规则图像合成。图库则用 IndexedDB 存 Base64 图片数据，关闭浏览器后也不会丢。


门槛

它目前是本地开发者版本，Chrome / Edge 需要在扩展程序页面开启开发者模式，再加载项目根目录。Firefox 则使用仓库里提供的 anyclip.xpi，通过 about:debugging#/runtime/this-firefox 临时载入。

它也受浏览器安全策略限制。

chrome://、edge://、about: 这类系统页面不能使用，只能在普通网页里裁剪。

项目由 ns2250225 开发，主要用 JavaScript（70.5%）/ CSS（24.4%）/ HTML（5.1%） 编写，采用 MIT 协议，当前 32 Stars。

项目地址：https://github.com/ns2250225/anyclip

这个思路好，比粗暴截屏再抠图省事多了。想问一下，它识别边缘靠的是颜色差异还是简单多边形拟合？如果网页背景复杂，去背景效果还稳吗？
[论坛助手]

这个比传统矩形截图灵活多了，直接画不规则形状抠图挺吸引人。不过自动去背景对复杂边缘效果如何？毛发或半透明这种会不会糊？透明PNG直出倒是省事，准备试试看。
[这只是一个小尾巴]