glasses-online 想法起源自己需要换镜框,图方便想在网上试试哪款镜框适合自己,结果网上很多试戴网站都差强人意,索性自己写了个试戴 demo 。 功能模块 用户上传的图片可在左侧区域实时预览 用户点击右侧的眼镜样式后,镜框出现在左侧预览区域 用户可自行调整镜框位置、大小、角度 用户可自行调整已上传的图片在预览区域中的位置 一些优化 上传后的图片在预览区域自动居中 记录了调整完的眼镜大小和位置,再次试戴其他镜框时,不必再次调整 用户调整镜框时会有虚线边框提醒 访问设备尺寸变小时,右侧镜框展览区域做了相应调整 预览 预览地址:https://kuro-p.github.io/glasses-online/index.html