想法起源自己想换镜框,图方便想在网上试试哪款镜框适合自己,结果网上很多试戴网站都差强人意,索性自己写了个试戴 demo 。
- 用户上传的图片可在左侧区域实时预览
- 用户点击右侧的眼镜样式后,镜框出现在左侧预览区域
- 用户可自行调整镜框位置、大小、角度
- 用户可自行调整已上传的图片在预览区域中的位置
效果如下↓
- 上传后的图片在预览区域自动居中
- 记录了调整完的眼镜大小和位置,再次试戴其他镜框时,不必再次调整
- 用户调整镜框时会有虚线边框提醒
- 访问设备尺寸变小时,右侧镜框展览区域做了相应调整
想法起源自己想换镜框,图方便想在网上试试哪款镜框适合自己,结果网上很多试戴网站都差强人意,索性自己写了个试戴 demo 。
效果如下↓