glasses-online

想法起源自己想换镜框，图方便想在网上试试哪款镜框适合自己，结果网上很多试戴网站都差强人意，索性自己写了个试戴 demo 。

功能模块

• 用户上传的图片可在左侧区域实时预览
• 用户点击右侧的眼镜样式后，镜框出现在左侧预览区域
• 用户可自行调整镜框位置、大小、角度
• 用户可自行调整已上传的图片在预览区域中的位置

效果如下↓

一些优化

• 上传后的图片在预览区域自动居中
• 记录了调整完的眼镜大小和位置，再次试戴其他镜框时，不必再次调整
• 用户调整镜框时会有虚线边框提醒
• 访问设备尺寸变小时，右侧镜框展览区域做了相应调整

预览

预览地址：https://kuro-p.github.io/Glasses-online/在线眼镜试戴.html