一种新型的在线平面测量方法及其应用技术

本发明专利技术提供一种新型的在线平面测量方法及其应用，当用户进入设计页面时，首先进行预加载图纸，当用户测量图纸时，设置初始位点，然后拖动下一位点，根据拖动位点的最终值即固定后的位点，计算出位点像素距离即路径值，乘以实际比例以及图纸缩放值的乘积，计算出实际平面尺寸数据。本发明专利技术提供的新型的在线平面测量方法及其应用，实现更快速更精准地获取尺寸数据。据。据。

【技术实现步骤摘要】
一种新型的在线平面测量方法及其应用


[0001]本专利技术涉及装修设计
，特别是涉及一种新型的在线平面测量方法及其应用。

技术介绍

[0002]对于本专利技术可能用到的技术术语解释如下：
[0003]1.canvas:HTML5网页的<canvas>标签，用于图形的绘制，使用脚本来绘制图形。
[0004]2.JavaScript:一种具有函数优先的轻量级，解释型或即时编译型的编程语言，作为开发web页面的脚本语言而出名。
[0005]3.任务队列:JavaScript是单线程的并发语言，在一个时间段内，它只能处理一项任务或执行一段代码。
[0006]4.setTimeout：setTimeout()是属于window的方法，该方法用于在指定的毫秒数后调用函数或计算表达式。当设定了一个指定等候时间(单位是千分之一秒，millisecond)，时间到了，浏览器就会执行一段指定的代码。
[0007]5.节流:页面能优化的一种策略，可以降低回调函数的执行频率，节省计算资源。
[0008]6.副作用：副作用是指当调用函数时，除了返回函数值之外，还对主调用函数产生附加的影响。比如：修改了一个变量值、直接修改数据结构、抛出一个异常或以一个错误终止等等。
[0009]7.笛卡尔坐标系：相交于原点的两条数轴，构成了平面仿射坐标系。如两条数轴上的度量单位相等，则称此仿射坐标系为笛卡尔坐标系。两条数轴互相垂直的笛卡尔坐标系，称为笛卡尔直角坐标系，否则称为笛卡尔斜角坐标系(文中指直角坐标系，x坐标为水平，y坐标为垂直)。
[0010]8.勾股定理：几何定理，直角三角形的两条直角边的平方和等于斜边的平方，即a^2+b^2＝c^2。
[0011]9.积分:微积分学与数学分析里的一个核心概念。直观地说，对于一个给定的正实值函数，在一个实数区间上的定积分可以理解为在坐标平面上，由曲线、直线以及轴围成的曲边梯形的面积值。(文字指的最常见的积分定义——黎曼积分，建立在函数在区间取样分割后的黎曼和之上)。
[0012]随着线下装修领域越来越依赖于线上化、信息化，借助互联的便利性，各种平面装修设计web系统也应运而生。
[0013]目前市场上的平面装修设计web系统，基本上都是通过JavaScript+canvas的图形绘制技术实现。同类产品例如欧瑞博，同样可上传用户型图纸，但只用于背景展示，未具备测量实际尺寸功能。在面对测量类似灯带等装修用品的应用场景时，往往需要用户线下通过繁琐方式去实现，造成了一定的效率低下。
[0014]其他类型的web系统中，也有部分产品根据图片物理像素不变性(Physical Pixel Invariance)，测量实际平面尺寸。例如百度地图、高德地图，但只是单纯地按照正比例放大
处理。
[0015]为方便用户可以快速地通过线上户型图纸，获取精准的实际平面尺寸数据，应用于各种现实场景，例如室内线性灯带的长度的计算、根据房间平面尺寸选择吊顶灯型号等等，帮助用户摆脱冗余的线下操作方式，从而提高工作效率，本专利技术提出了一种新型的在线平面测量方法及其应用来解决上述问题。

技术实现思路

[0016]本专利技术提供一种新型的在线平面测量方法及其应用，通过web技术实现，通过JavaScript+canvas的图形绘制技术以及图片物理像素不变性(Physical Pixel Invariance)，通过对线上图纸多方位的计算，精确获取实际平面尺寸数据。
[0017]为解决上述技术问题，本专利技术采用的一个技术方案是提供一种新型的在线平面测量方法，包括步骤：
[0018]S5、选择是否进入到设计页面，若是执行步骤S6、否则执行步骤S13；
[0019]S6、预加载图纸，判断是否开启图纸的测量模式，若否，则直接执行步骤S13，否则执行步骤S7；
[0020]S7、从数据库中调取该图纸的实际比例和当前图纸的缩放比进行缓存；
[0021]S8、在图纸上设置初始位点，开始拖拽至下一路径位点，触发拖拽事件，利用setTimeout函数设置节流器，利用计时器将每隔固定时间长度后位点移动的位置设置为更新的位点，再利用积分原理，将用户的连续移动坐标点替换为时间段内取移动中点，将确定的位点存入位点历史组；
[0022]S9、从位点历史组中获取上一位点信息，以上一位点为原点建立笛卡尔坐标系，根据两点x坐标差、y坐标差a和b，判断当前位点所在象限；
[0023]S10、根据勾股定理，计算x坐标差和y坐标差平方值a^2和b^2，获得当前用户的水平方向和垂直方向的拖拽趋势；
[0024]S11、使用快捷键加速计算，自动触发点位水平和垂直对齐；
[0025]S12、根据勾股定理a^2+b^2＝c^2，计算出位点像素间距c，c乘以实际比例和图纸缩放比，计算出图纸的实际平面尺寸；
[0026]S13、结束。
[0027]在一实施例中，所述新型的在线平面测量方法进一步包括按照先后顺序排布的步骤：
[0028]S1、登录系统；
[0029]S2、上传图纸，获取图纸物理像素；
[0030]S3、对图纸输入标准尺寸，根据物理像素获取图纸尺寸的实际比例；
[0031]S4、将图纸参数保存到数据库中；
[0032]步骤S4之后是步骤S5。
[0033]在一实施例中，S5包括：选择是否进入到设计页面，若是执行步骤S6、否则先执行某个步骤N再进入步骤S13；S6包括：预加载图纸，若不开启图纸的测量模式，则执行某个步骤N后进入步骤S13，否则从数据库中调取该图纸的实际比例和当前图纸的缩放比进行缓存。
[0034]在一实施例中，步骤S8中所述的每隔固定时间长度范围为[1，5]ms。
[0035]在一实施例中，步骤S8中所述的每隔固定时间长度为1、2、3、4或5ms。
[0036]在一实施例中，步骤S12和步骤S13之间进一步包括步骤S12.5:是否结束测量，若是，则执行步骤S13，否则，回到步骤S8，且步骤S8中的初始位点为当前位点。
[0037]在一实施例中，步骤S13包括：通过双击的方式关闭设计页。
[0038]在一实施中，步骤S6所述的预加载图纸过程包括：用户进入设计页时使用隐藏的image标签提前请求获取户型图纸，此时浏览器会自动缓存，canvas通过JavaScript操作重新绘制图形。
[0039]为解决上述技术问题，本专利技术采用的一个技术方案是提供一种新型的在线平面测量方法的应用，如上所述的新型的在线平面测量方法的应用于二位或三维空间图纸测量领域。
[0040]本专利技术的有益效果是：
[0041](1)巧妙地利用图片文件物理像素不变性的属性，实现通过户型图纸测量实际平面尺寸；
[0042](2)结合了几何数学知识、web图形化技术以及多种程序设计模式思想，实现更快速更精准本文档来自技高网...

【技术保护点】

【技术特征摘要】
1.一种新型的在线平面测量方法，其特征在于，包括步骤：S5、选择是否进入到设计页面，若是执行步骤S6、否则执行步骤S13；S6、预加载图纸，判断是否开启图纸的测量模式，若否，则直接执行步骤S13，否则执行步骤S7；S7、从数据库中调取该图纸的实际比例和当前图纸的缩放比进行缓存；S8、在图纸上设置初始位点，开始拖拽至下一路径位点，触发拖拽事件，利用setTimeout函数设置节流器，利用计时器将每隔固定时间长度后位点移动的位置设置为更新的位点，再利用积分原理，将用户的连续移动坐标点替换为时间段内取移动中点，将确定的位点存入位点历史组；S9、从位点历史组中获取上一位点信息，以上一位点为原点建立笛卡尔坐标系，根据两点x坐标差、y坐标差a和b，判断当前位点所在象限；S10、根据勾股定理，计算x坐标差和y坐标差平方值a^2和b^2，获得当前用户的水平方向和垂直方向的拖拽趋势；S11、使用快捷键加速计算，自动触发点位水平和垂直对齐；S12、根据勾股定理a^2+b^2＝c^2，计算出位点像素间距c，c乘以实际比例和图纸缩放比，计算出图纸的实际平面尺寸；S13、结束。2.根据权利要求1所述的新型的在线平面测量方法，其特征在于，进一步包括按照先后顺序排布的步骤：S1、登录系统；S2、上传图纸，获取图纸物理像素；S3、对图纸输入标准尺寸，根据物理像素获取图纸尺寸的实际比例；S4、将图纸参数保存到数据库中；步骤S4之后是步骤S5。3.根...

【专利技术属性】
技术研发人员：郑梓伟，
申请(专利权)人：中山市可讯科技有限公司，
类型：发明
国别省市：