博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
类似百度地图的 放大缩小功能 的 坐标重定位问题
阅读量:7014 次
发布时间:2019-06-28

本文共 460 字,大约阅读时间需要 1 分钟。

hot3.png

需求:

比如在百度地图中针对某一坐标点  滚轴滚动进行  缩放。之前针对的那个点的 还保持在鼠标对应位置。

svg中新坐标算法

transform的 translate 和 scale 属性的设置

translate 是坐标平移换算,scale是坐标倍数换算

我们只针对 x方向 坐标 计算(y方向同理)

鼠标在svg当前坐标 e.offsetX (svg要是position:absolute哦)设为变量X

当前平移 设为 t1 , 当前 缩放比例 为 s1

则倍数 缩放后 比例为 s2

求缩放后如何 设置 平移坐标 t2 以补全 缩放带来的偏移 保证 鼠标指向的仍然是之前的位置

鼠标执行的某个位置 的实际鼠标为 (x-t)/s

得  (x-t1)/s1=(x-t2)/s2  (x为鼠标位置 ,前后未发生变化)

t2=x-(x-t1)*(s2/s1)   (s2/s1 为本次缩放的倍数)

把平移坐标设为t2 就能保证前后一致了

转载于:https://my.oschina.net/u/157514/blog/341596

你可能感兴趣的文章
中芯国际第三财季净利润1.136亿美元
查看>>
关于SaaS和数据恢复的6大谬误
查看>>
调查:95% 的 APT 攻击源起社交网站
查看>>
《ANSYS CFX 14.0超级学习手册》——1.2 流体力学控制方程
查看>>
《Kali Linux渗透测试的艺术》—第2章2.3节安全测试方法论
查看>>
《版式设计——日本平面设计师参考手册》—第1章段落样式和字符样式的应用...
查看>>
《软件工艺师:专业、务实、自豪》一3.7.1 软件工艺峰会
查看>>
《善用佳软:高效能人士的软件应用之道》一2.4 项目管理:免费Project查看软件汇总...
查看>>
千元悬赏修复 OSC iPhone 客户端网络连接问题
查看>>
iOS 再现奇葩漏洞,恶意视频导致设备死机
查看>>
我自找的,开除我吧
查看>>
Galera 将死 — MySQL Group Replication 发布
查看>>
《基于ArcGIS的Python编程秘笈(第2版)》——1.4 总结
查看>>
Mozilla 发现用于中间人攻击的证书
查看>>
Docker 中管理数据 【已翻译100%】
查看>>
《Unity 5.x游戏开发实战》一2.2 Unity中的C#脚本
查看>>
《OOD启思录》—第2章2.3节 类耦合与内聚
查看>>
【好书推荐】适合开发者学习DevOps的5本好书
查看>>
11个Linux基础面试问题
查看>>
《嵌入式 Linux C 语言应用程序设计(修订版)》一导读
查看>>