图片形状裁剪工具
合照裁成心形、头像裁成猫咪头？30 种形状一键裁 + 手绘任意路径，导出透明 PNG，免登录直接用。
🎨
30 种创意形状
心形、五角星、猫咪头、熊掌、钻石、六角星、光芒星、盾牌、火焰等 30 种社交传播导向形状，一键裁剪。
✏️
手绘 + 旋转翻转
手绘任意路径裁剪，形状可旋转（Shift 吸附 15°）；图片支持 90° 旋转、水平/垂直翻转、滚轮缩放。
📥
PNG / JPG 导出
导出前预览确认，支持透明背景 PNG（社交分享/海报素材）和白底 JPG（证件/打印）两种格式。
🔒
纯前端隐私安全
基于 LeaferJS 渲染引擎，图片全程在浏览器处理，不上传服务器，免登录即用，拖拽/Ctrl+V 粘贴上传。
关于星之谣形状裁剪工具
这是一款专注于"图片形状裁剪"的免费在线工具。上传图片后，从 30 种创意形状（心形、五角星、猫咪头、熊掌、双心、樱花、云朵、树叶、月亮、闪电、对话气泡、蝴蝶、圣诞树、钻石、六角星、光芒星、盾牌、火焰、苹果、蘑菇、西瓜、皇冠、水滴、音符等）中选择，或手绘任意路径进行裁剪。拖动形状主体移动位置，四角调整大小，顶部圆点旋转形状（按住 Shift 吸附 15° 倍数）；图片图层支持 90° 旋转、水平/垂直翻转、滚轮缩放，多张图片可叠加组合。导出前可预览确认，支持透明背景 PNG 和白底 JPG 两种格式。基于 LeaferJS 渲染引擎，纯前端运行，免登录即用，图片不上传服务器，隐私安全。
30 种形状分类
- 基础系：圆形、圆角矩形、三角形、菱形、钻石、六边形、八边形
- 可爱系：心形、猫咪头、熊掌、五角星、六角星、光芒星
- 浪漫系：双心、樱花
- 自然系：云朵、树叶、月亮、火焰、水滴
- 趣味系：闪电、对话气泡、蝴蝶、圣诞树、盾牌
- 萌系扩展：苹果、蘑菇、西瓜、皇冠、音符
使用场景
- 社交媒体头像：把照片裁剪成圆形、六边形、心形头像
- 朋友圈创意配图：猫咪头、樱花、月亮形状裁剪，可爱满分
- 情侣纪念日：合照裁剪成心形、双心，情人节必备
- 节日海报：圣诞树、蝴蝶、闪电等节日氛围形状
- PPT 素材：裁剪成云朵、对话气泡形状，演示更生动
- 儿童趣味：让孩子手绘形状裁剪照片，培养创造力
- 电商产品图：创意形状裁剪产品图，提升点击率
如何使用？
- 点击"➕ 添加图片"按钮上传图片，也可拖拽或 Ctrl+V 粘贴（支持多张叠加）
- 点击图片选中后，可旋转 90°、水平/垂直翻转、滚轮缩放
- 从工具栏选择 30 种预设形状，或点击画笔图标进入手绘模式
- 预设形状：拖动主体移动，四角缩放，顶部圆点旋转（Shift 吸附 15°）
- 手绘模式：在画布上按住鼠标拖动绘制路径，松开后自动闭合；完成后可拖动白色锚点调整形状细节
- 点击"📥 导出PNG"或"📥 导出JPG"，预览确认后下载
技术特色
- 基于 LeaferJS 2.x 渲染引擎，形状实时预览
- evenodd 填充规则实现反向蒙版（全画布矩形 + 形状孔洞）
- Path2D + DOMMatrix 实现高精度路径变换（缩放+平移）
- 原生 Canvas globalCompositeOperation='destination-in' 对所有图层一次性蒙版裁剪
- 手绘路径支持锚点拖拽编辑（类似矢量编辑器）
- 预设形状用 transform 属性缩放（x/y/scaleX/scaleY），手绘路径用绝对坐标
- 纯前端运行，零后端依赖，图片不上传服务器，隐私安全