注册
|
登录
发帖
热搜
活动
交友
discuz
论坛
BBS
翼度工具
翼度网址导航
开发工具
Linux命令速查
网页设计配色表
在线制作icon
颜色代码选取器
翼度科技
»
论坛
›
编程开发
›
JavaScript
›
查看内容
返回列表
发新帖
坐标系映射之(点击图片哪里去哪里)
好想吃水果阿阿阿
好想吃水果阿阿阿
当前离线
积分
9
3
主题
3
帖子
9
积分
新手上路
新手上路, 积分 9, 距离下一级还需 41 积分
新手上路, 积分 9, 距离下一级还需 41 积分
积分
9
发消息
显示全部楼层
需求
提供一张2d编辑完成的户型图片,图片中有多个房间、尺寸比例不固定、还有2d户型图数据(墙体顶点坐标、漫游点坐标等),需要做到将2d编辑时提供的漫游点坐标映射到图片上,以做到用户点击图片某个位置时跳转至最近的漫游点VR视图中。
解决思路
首先提供的2d坐标数据中的中心点(0,0)并不是户型的正中间,所以我们拿到数据后需要根据墙体顶点坐标分析出MaxXY与MinXY两个点的坐标也就是坐标系中实际户型图AABB包围盒的左下角坐标与右上角左边从而得到中心坐标系与将整体坐标系居中所需要的偏移量,然后偏移至正中心来方便后续计算
接下来根据获取到的图片拿到它的长宽像素值,来同比例设置容器的大小,再拿到容器对角线长度与MaxXY与MinXY的距离值的比例,然后将漫游点的坐标数据去乘上这个比例值就得到了漫游点在以图片为背景的容器上正确的位置
最后我们在每次用户点击时将获取到的坐标在漫游点集合中遍历一边得到两点间距离最小的漫游点便是我们想要点击的漫游点(可以设置阀值以保证精准性)
实现过程与代码
待更。。。
来源:
https://www.cnblogs.com/zhaowendao233/p/17145041.html
免责声明:由于采集信息均来自互联网,如果侵犯了您的权益,请联系我们【E-Mail:cb@itdo.tech】 我们会及时删除侵权内容,谢谢合作!
上一篇:
Map数据结构详解
下一篇:
前端JS for-in和for-of的区别
发表于 2023-2-22 17:56:42
举报
回复
使用道具
分享
返回列表
发新帖
本版积分规则
高级模式
B
Color
Image
Link
Quote
Code
Smilies
您需要登录后才可以回帖
登录
|
立即注册
快速回复
快速回复
返回顶部
返回顶部
返回列表
返回列表