CSS Clip-Path裁剪路径生成器

软件使用说明

1. 选择编辑模式：工具提供两种模式：
   • 单个编辑模式：可视化编辑单个clip-path形状，实时预览效果并获取CSS代码
   • 批量处理模式：上传多张图片，统一应用裁剪形状后批量导出
2. 选择形状类型：
   • 多边形(polygon)：自定义多边形形状，可拖拽控制点调整
   • 圆形(circle)：设置半径和圆心位置
   • 椭圆(ellipse)：设置横轴、纵轴半径和中心位置
   • 内嵌矩形(inset)：设置四边边距和圆角
3. 选择预设形状：提供20+预设形状，包括三角形、梯形、菱形、五边形、六边形、八边形、箭头、五角星、十字形、对话框等。
4. 自定义编辑：
   • 拖拽控制点调整形状位置
   • 点击"添加点"或"删除点"调整多边形顶点数量
   • 设置背景图片或渐变颜色预览效果
5. 获取代码：编辑完成后，在代码框中查看生成的CSS代码，点击"复制"按钮一键复制。可选择是否包含-webkit-前缀。
6. 批量处理：切换到批量处理模式，上传多张图片，选择要应用的形状，设置输出格式和质量，点击"开始批量处理"，完成后点击"下载全部结果(ZIP)"下载。

常见问题