图片形状裁剪工具

关于星之谣形状裁剪工具

这是一款专注于"图片形状裁剪"的免费在线工具。上传图片后，从 25 种创意形状（心形、五角星、猫咪头、熊掌、双心、樱花、云朵、树叶、月亮、闪电、对话气泡、蝴蝶、圣诞树、苹果、蘑菇、西瓜、皇冠、太阳、水滴、音符等）中选择，或手绘任意路径进行裁剪。拖动形状主体移动位置，拖动四角调整大小，实时蒙版预览让裁剪效果一目了然。基于 LeaferJS 渲染引擎，纯前端运行，免登录即用，图片不上传服务器，隐私安全。

25 种形状分类

• 基础系：圆形、三角形、菱形、六边形、八边形
• 可爱系：心形、猫咪头、熊掌、五角星
• 浪漫系：双心、樱花
• 自然系：云朵、树叶、月亮、蘑菇、太阳、水滴
• 趣味系：闪电、对话气泡、蝴蝶、圣诞树、皇冠、音符
• 萌系扩展：苹果、西瓜

使用场景

• 社交媒体头像：把照片裁剪成圆形、六边形、心形头像
• 朋友圈创意配图：猫咪头、樱花、月亮形状裁剪，可爱满分
• 情侣纪念日：合照裁剪成心形、双心，情人节必备
• 节日海报：圣诞树、蝴蝶、闪电等节日氛围形状
• PPT 素材：裁剪成云朵、对话气泡形状，演示更生动
• 儿童趣味：让孩子手绘形状裁剪照片，培养创造力
• 电商产品图：创意形状裁剪产品图，提升点击率

如何使用？

1. 点击"➕ 添加图片"按钮上传图片（支持多张，可重复添加）
2. 图片默认居中显示，可拖动移动位置
3. 从工具栏选择 25 种预设形状，或点击画笔图标进入手绘模式
4. 预设形状：拖动形状主体移动位置，拖动四角调整大小
5. 手绘模式：在画布上按住鼠标拖动绘制路径，松开后自动闭合；完成后可拖动白色锚点调整形状细节
6. 点击"📥 导出 PNG"按钮，输出透明背景 PNG

技术特色

• 基于 LeaferJS 2.x 渲染引擎，形状实时预览
• evenodd 填充规则实现反向蒙版（全画布矩形 + 形状孔洞）
• Path2D + DOMMatrix 实现高精度路径变换（缩放+平移）
• 原生 Canvas globalCompositeOperation='destination-in' 对所有图层一次性蒙版裁剪
• 手绘路径支持锚点拖拽编辑（类似矢量编辑器）
• 预设形状用 transform 属性缩放（x/y/scaleX/scaleY），手绘路径用绝对坐标
• 纯前端运行，零后端依赖，图片不上传服务器，隐私安全