草庐IT

坐标系映射之(点击图片哪里去哪里)

码部尚书 2023-03-28 原文

需求

提供一张2d编辑完成的户型图片，图片中有多个房间、尺寸比例不固定、还有2d户型图数据(墙体顶点坐标、漫游点坐标等)，需要做到将2d编辑时提供的漫游点坐标映射到图片上，以做到用户点击图片某个位置时跳转至最近的漫游点VR视图中。

解决思路

  • 首先提供的2d坐标数据中的中心点（0，0）并不是户型的正中间，所以我们拿到数据后需要根据墙体顶点坐标分析出MaxXY与MinXY两个点的坐标也就是坐标系中实际户型图AABB包围盒的左下角坐标与右上角左边从而得到中心坐标系与将整体坐标系居中所需要的偏移量，然后偏移至正中心来方便后续计算

  • 接下来根据获取到的图片拿到它的长宽像素值，来同比例设置容器的大小，再拿到容器对角线长度与MaxXY与MinXY的距离值的比例，然后将漫游点的坐标数据去乘上这个比例值就得到了漫游点在以图片为背景的容器上正确的位置

  • 最后我们在每次用户点击时将获取到的坐标在漫游点集合中遍历一边得到两点间距离最小的漫游点便是我们想要点击的漫游点（可以设置阀值以保证精准性）

实现过程与代码

待更。。。

坐标系坐标户型的容器JavaScript

有关坐标系映射之(点击图片哪里去哪里)的更多相关文章

  1. ruby-on-rails - Ruby on Rails - 为文本区域和图片生成列 - 2

    我是Rails的新手，所以请原谅简单的问题。我正在为一家公司创建一个网站。那家公司想在网站上展示它的客户。我想让客户自己管理这个。我正在为“客户”生成一个表格，我想要的三列是:公司名称、公司描述和Logo。对于名称，我使用的是name:string但不确定如何在脚本/生成脚手架终端命令中最好地创建描述列(因为我打算将其设置为文本区域)和图片。我怀疑描述(我想成为一个文本区域)应该仍然是描述:字符串，然后以实际形式进行调整。不确定如何处理图片字段。那么……说来话长:我在脚手架命令中输入什么来生成描述和图片列？ 最佳答案 对于“文本”数

  2. ruby-on-rails - 只有当不是 nil 时才执行映射？ - 2

    如果names为nil，则以下中断。我怎样才能让这个map只有在它不是nil时才执行？self.topics=names.split(",").mapdo|n|Topic.where(name:n.strip).first_or_create!end 最佳答案 其他几个选项:选项1(在其上执行map时检查split的结果):names_list=names.try(:split,",")self.topics=names_list.mapdo|n|Topic.where(name:n.strip).first_or_create!e

  3. ruby-on-rails - ActiveRecord::Associations::CollectionProxy 从哪里获取.each 实例方法？ - 2

    假设我有模型Topics和Posts，其中Topichas_many:posts和Postbelongs_to:topic。此时我的数据库中已经有了一些东西。如果我进入Rails控制台并输入Topic.find(1).posts我相信我得到了一个CollectionProxy对象。=>#]>我可以对此调用.each以获得枚举器对象。=>#]:each>我对CollectionProxy如何处理.each感到困惑。我意识到它在某些时候是继承的，但我一直在阅读API文档，他们并没有说得很清楚CollectionProxy是从什么继承的，除非我遗漏了一些明显的东西。Thispage似乎并没有

  4. ruby-on-rails - 闪存消息存储在哪里？ - 2

    我以为它们存储在cookie中-但不，检查cookie没有任何结果。session也不存储它们。那么，我在哪里可以找到它们？我需要这个来直接设置它们(而不是通过flashhash)。 最佳答案 它们存储在inyoursessionstore.自rails2.0以来的默认设置是cookie存储，但请检查config/initializers/session_store.rb以检查您是否使用默认设置以外的东西。 关于ruby-on-rails-闪存消息存储在哪里？，我们在StackOverf

  5. ruby-on-rails - Rails 3，在RAILS_ROOT上方显示来自本地文件系统的jpg图片 - 2

    我正在尝试找出一种方法来显示来自不在RAILS_ROOT下(在RedHat或Ubuntu环境中)的已安装文件系统的图像。我不想使用符号链接(symboliclink)，因为这个应用程序实际上是通过Tomcat部署的，而当我关闭Tomcat时，Tomcat会尝试跟随符号链接(symboliclink)并删除挂载中的所有图像。由于这些文件的数量和大小，将图像放在public/images下也不是一种选择。我查看了send_file，但它只会显示一张图片。我需要在一个格式良好的页面中显示6个请求的图像。由于膨胀，我宁愿不使用Base64编码，但我不知道如何将图像数据与呈现的页面一起传递下去。

  6. ruby-on-rails - Ruby 如何知道在哪里可以找到所需的文件？ - 2

    这里还有一个新手问题:require'tasks/rails'我在每个Rails项目的根路径中的Rakefile中看到了这一行。我猜这行用于要求vendor/rails/railties/lib/tasks/rails.rb加载所有rake任务:$VERBOSE=nil#LoadRailsrakefileextensionsDir["#{File.dirname(__FILE__)}/*.rake"].each{|ext|loadext}#LoadanycustomrakefileextensionsDir["#{RAILS_ROOT}/lib/tasks/**/*.rake"].so

  7. ruby - Sinatra:点击 URL 时运行 ruby​​ 代码 - 2

    我想在每次访问url/code时运行一个脚本(code.rb)。如何运行脚本？require'sinatra'get'/'do#runthescriptend 最佳答案 要么fork另一个进程:system('rubycode.rb')...或者简单地将脚本加载到当前上下文中:load'code.rb'#*not*require 关于ruby-Sinatra:点击URL时运行ruby​​代码，我们在StackOverflow上找到一个类似的问题： https:

  8. ruby-on-rails - Rubygems - 包在哪里下载？ - 2

    当你安装一个新包时，例如，'geminstallfb-graph'，文件下载到哪里了？ 最佳答案 使用此命令查找特定gem的安装位置:gemwhich例如:gemwhichfb-graph 关于ruby-on-rails-Rubygems-包在哪里下载？，我们在StackOverflow上找到一个类似的问题： https://stackoverflow.com/questions/13200065/

  9. ruby-on-rails - 在 Rails 中向 Integer 类添加方法的最佳位置在哪里？ - 2

    在Rails中向整数类添加方法的最佳位置在哪里？我想添加一个to_meters和to_miles方法。 最佳答案 如果您决心使用数字(或整数等)类来进行单位转换，那么至少要在逻辑上做到这一点，并具有一些实际值(value)。首先，创建一个Unit类，用于存储单位类型(米、英尺、肘等)和创建时的值。然后向Numeric添加一堆方法，这些方法对应于单元可以具有的有效值:这些方法将返回一个单元对象，其类型记录为方法名称。Unit类将支持一组to_*方法，这些方法将转换为具有相应单位值的另一种单位类型。这样，您可以执行以下命令:>>x=47

  10. ruby-on-rails - Ruby Integer()、Array() 等——它们是什么？他们来自哪里？ - 2

    我有时遇到过Array(value)、String(value)和Integer(value)形式的转换。在我看来，这些只是调用相应的value.to_a、value.to_s或value.to_i方法的语法糖。所以我想知道:这些是在哪里/如何定义的？我在对象、模块、类等中找不到它们是否有任何常见场景更适合使用这些而不是相应/底层的to_X方法？这些可以用于泛型强制转换吗？也就是说，我可以按照[Integer,String,Array].each{|klass|klass.do_generic_coercion(foo)}?(...不，我真的不想那样做；我知道我想要的类型，但我希望避免

随机推荐