先附上一个 git 地址 里面有 gif 效果图
https://github.com/q986171791/scale-position
十一黄金周，领导要求做个大转盘（放假前 2 天说的，心中万马奔腾）
【然而】（圈出来要考）
看到设计稿我心生灵感
设计稿主要分为 3 个部分 【大转盘，指针，背景】
可以用固定尺寸把 3 张图拼接起来，让指针转动就可以啦。。。
【然而】（圈出来要考）
不存在的
自适应 自适应 自适应
想到自适应
我再次心生灵感
echarts 地图自适应不就是用比例尺实现的么
我们完全可以实现一个简单的比例尺，好就这么办
【重点来了】（圈出来要考）
1.我们把 1920*1080（通常为显示器最大的分辨率）作为整个中国国土面积
2.把任意手机尺寸作为中国地图
3.动态用 手机宽度 / 1920 得到宽度比例尺 设为 scaleX
4.动态用 手机高度 / 1080 得到高度比例尺 设为 scaleY
5.凡是涉及到元素的宽度 和 x 坐标 都 × scaleX
6.凡是涉及到元素的高度 和 y 坐标 都 × scaleY
7.没有 7，这样就搞定了，是不是 so easy?
【广告】（圈出来要考）
最近在找工作，本人坐标上海松江，上海内不太远都能接受
欢迎来到这里！
我们正在构建一个小众社区，大家在这里相互信任，以平等 • 自由 • 奔放的价值观进行分享交流。最终，希望大家能够找到与自己志同道合的伙伴，共同成长。
注册 关于