CN111008414A - 一种基于html5的户型图绘制方法及系统 - Google Patents
一种基于html5的户型图绘制方法及系统 Download PDFInfo
- Publication number
- CN111008414A CN111008414A CN201911066137.6A CN201911066137A CN111008414A CN 111008414 A CN111008414 A CN 111008414A CN 201911066137 A CN201911066137 A CN 201911066137A CN 111008414 A CN111008414 A CN 111008414A
- Authority
- CN
- China
- Prior art keywords
- wall
- auxiliary line
- information
- control information
- result information
- Prior art date
- Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
- Granted
Links
- 238000000034 method Methods 0.000 title claims abstract description 29
- 238000001179 sorption measurement Methods 0.000 claims description 25
- 230000009471 action Effects 0.000 claims description 6
- 230000000694 effects Effects 0.000 abstract description 3
- 239000013598 vector Substances 0.000 description 29
- 230000008569 process Effects 0.000 description 3
- 238000004364 calculation method Methods 0.000 description 2
- 238000010586 diagram Methods 0.000 description 2
- 230000006872 improvement Effects 0.000 description 2
- 238000012986 modification Methods 0.000 description 2
- 230000004048 modification Effects 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000005034 decoration Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000013507 mapping Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/20—Drawing from basic elements, e.g. lines or circles
- G06T11/206—Drawing of charts or graphs
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T17/00—Three dimensional [3D] modelling, e.g. data description of 3D objects
- G06T17/10—Constructive solid geometry [CSG] using solid primitives, e.g. cylinders, cubes
Landscapes
- Physics & Mathematics (AREA)
- Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Theoretical Computer Science (AREA)
- Geometry (AREA)
- Computer Graphics (AREA)
- Software Systems (AREA)
- Processing Or Creating Images (AREA)
Abstract
本发明提供了一种基于HTML5的户型图绘制方法及系统，包括：墙体绘制步骤：据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，获取墙体绘制结果信息；辅助线绘制步骤：根据墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取辅助线绘制结果信息；墙体调整步骤：根据墙体参数信息、系统参照调整信息，获取墙体调整对齐信息；户型图生成步骤：根据墙体绘制结果信息，生成二维线框标注信息图，生成三维鸟瞰漫游图；本发明在户型图生成能够起到显著的技术效果，方便设计师制图。
Description
技术领域
本发明涉及，具体地，涉及一种基于HTML5的户型图绘制方法及系统，尤其涉及一种基于HTML5的辅助线测量线绘制方法及系统。
背景技术
一座座高楼大厦拔地而起，室内的户型涉及至关重要，事关民众的安居，事关办公环境的改善，而室内的户型设计必须依赖于户型图。户型图生成至关重要，传统的CAD软件并非针对户型图这一特殊的场景而研发，设计师在使用CAD等普通的作图工具时，常常感到效率低下、且存在诸多的不方便，因此，室内装潢业高速发展的当下，亟需一种能够提高户型图生成效率的方法或者系统。
专利文献号CN 108961152A公开了一种平面户型图生成方法和装置。所述方法包括：获取三维房屋模型的俯视图或水平截面图；根据所述三维房屋模型的俯视图或水平截面图生成平面户型图。该方法在作图效率仍有提高的空间。
发明内容
针对现有技术中的缺陷，本发明的目的是提供一种基于HTML5的户型图绘制方法及系统。
根据本发明提供的一种基于HTML5的户型图绘制方法，包括：墙体绘制步骤：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，获取墙体绘制结果信息；辅助线绘制步骤：根据墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取辅助线绘制结果信息；墙体调整步骤：根据墙体参数信息、系统参照调整信息，获取墙体调整对齐信息；户型图生成步骤：根据墙体绘制结果信息，生成二维线框标注信息图、三维鸟瞰漫游图；所述设定墙体参数包括：设定墙体位置参数、设定墙体长度参数、设定墙体高度参数以及设定墙体厚度参数；所述墙体绘制控制信息控制墙体绘制行为；辅助线绘制控制信息控制辅助线绘制行为；端点距离参考信息指示辅助线起点至墙体端点的距离。
优选地，所述墙体绘制步骤包括：基准墙体绘制步骤：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，绘制基准墙体，获取基准墙体绘制结果信息；辅助线绘制步骤包括：第一辅助线绘制步骤：根据基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第一辅助线绘制结果信息；所述墙体绘制结果信息包括：基准墙体绘制结果信息；所述辅助线绘制结果信息包括：第一辅助线绘制结果信息。
优选地，辅助线绘制步骤包括：非基准墙体绘制参照获取步骤：根据辅助线绘制结果信息、系统参照信息，获取非基准墙体绘制参照信息；非基准墙体绘制步骤：根据设定墙体参数、非基准墙体绘制参照信息、墙体绘制控制信息，绘制非基准墙体，获取非基准墙体绘制结果信息；辅助线绘制步骤包括：第二辅助线绘制步骤：根据非基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第二辅助线绘制结果信息；所述墙体绘制结果信息包括：非基准墙体绘制结果信息；所述辅助线绘制结果信息包括：第二辅助线绘制结果信息。
优选地，所述辅助线绘制步骤还包括：辅助线起点吸附步骤：根据辅助线绘制控制信息、墙体绘制结果信息，获取吸附到墙体端点控制信息/吸附到墙体单边控制信息/吸附到测量线端点控制信息；吸附到墙体端点控制信息控制将辅助线起点吸附到墙体端点的行为；吸附到墙体单边控制信息控制将辅助线起点吸附到墙体单边任一点的行为；吸附到测量线端点控制信息能够控制将辅助线起点吸附到测量线端点的行为。
优选地，所述墙体调整步骤还包括：第一墙体连接关系重构步骤：将一型墙结构变成L型墙结构、T型墙结构；第二墙体连接关系重构步骤：将X型墙体与T型墙体间进行相互转化；所述墙体绘制步骤还包括：墙体起点吸附步骤：根据墙体绘制控制信息、辅助线绘制结果信息，获取吸附到辅助线端点控制信息/吸附到辅助线任一点控制信息/吸附到测量线端点控制信息；辅助线端点控制信息控制将墙体起点吸附到辅助线端点的行为；吸附到辅助线任一点控制信息控制将墙体起点吸附到辅助线任一点的行为；吸附到测量线端点控制信息能够控制将墙体起点吸附到测量线端点的行为。
根据本发明提供的一种基于HTML5的户型图绘制系统，包括：墙体绘制模块：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，获取墙体绘制结果信息；辅助线绘制模块：根据墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取辅助线绘制结果信息；墙体调整模块：根据墙体参数信息、系统参照调整信息，获取墙体调整对齐信息；户型图生成模块：根据墙体绘制结果信息，获取户型图结果信息；所述设定墙体参数包括：设定墙体位置参数、设定墙体长度参数、设定墙体宽度参数以及设定墙体厚度参数；所述墙体绘制控制信息控制墙体绘制行为；辅助线绘制控制信息控制辅助线绘制行为；端点距离参考信息指示辅助线起点至墙体端点的距离。
优选地，所述墙体绘制模块包括：基准墙体绘制模块：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，绘制基准墙体，获取基准墙体绘制结果信息；辅助线绘制模块包括：第一辅助线绘制模块：根据基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第一辅助线绘制结果信息；所述墙体绘制结果信息包括：基准墙体绘制结果信息；所述辅助线绘制结果信息包括：第一辅助线绘制结果信息。
优选地，墙体绘制参照获取模块包括：非基准墙体绘制参照获取模块：根据辅助线绘制结果信息、系统参照信息，获取非基准墙体绘制参照信息；非基准墙体绘制模块：根据设定墙体参数、非基准墙体绘制参照信息、墙体绘制控制信息，绘制非基准墙体，获取非基准墙体绘制结果信息；辅助线绘制模块包括：第二辅助线绘制模块：根据非基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第二辅助线绘制结果信息；所述墙体绘制结果信息包括：非基准墙体绘制结果信息；所述辅助线绘制结果信息包括：第二辅助线绘制结果信息。
优选地，所述辅助线绘制模块还包括：辅助线起点吸附模块：根据辅助线绘制控制信息、墙体绘制结果信息，获取吸附到墙体端点控制信息/吸附到墙体单边控制信息/吸附到测量线端点控制信息；吸附到墙体端点控制信息控制将辅助线起点吸附到墙体端点的行为；吸附到墙体单边控制信息控制将辅助线起点吸附到墙体单边任一点的行为；吸附到测量线端点控制信息能够控制将辅助线起点吸附到测量线端点的行为。
优选地，所述墙体调整模块还包括：第一墙体连接关系重构模块：将一型墙结构变成L型墙结构、T型墙结构；第二墙体连接关系重构模块：将X型墙体与T型墙体间进行相互转化；所述墙体绘制模块还包括：墙体起点吸附模块：根据墙体绘制控制信息、辅助线绘制结果信息，获取吸附到辅助线端点控制信息/吸附到辅助线任一点控制信息/吸附到测量线端点控制信息；辅助线端点控制信息控制将墙体起点吸附到辅助线端点的行为；吸附到辅助线任一点控制信息控制将墙体起点吸附到辅助线任一点的行为；吸附到测量线端点控制信息能够控制将墙体起点吸附到测量线端点的行为。
与现有技术相比，本发明具有如下的有益效果：
1、本发明能够提高户型图制图效率；
2、本发明能够降低户型图制图成本；
3、本发明在户型图生成能够起到显著的技术效果，方便设计师制图。
附图说明
通过阅读参照以下附图对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：
图1为本发明的流程示意图。
图2为本发明的框架示意图。
图3为本发明实施例中的“一”型墙变成”L”型墙示意图。
图4为本发明实施例中的“一”型墙变成“T”型墙示意图。
图5为本发明实施例中的“T”型墙变成“X”型墙示意图。
具体实施方式
下面结合具体实施例对本发明进行详细说明。以下实施例将有助于本领域的技术人员进一步理解本发明，但不以任何形式限制本发明。应当指出的是，对本领域的普通技术人员来说，在不脱离本发明构思的前提下，还可以做出若干变化和改进。这些都属于本发明的保护范围。
如图1-5所示，根据本发明提供的一种基于HTML5的户型图绘制方法，包括：墙体绘制步骤：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，获取墙体绘制结果信息；辅助线绘制步骤：根据墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取辅助线绘制结果信息；墙体调整步骤：根据墙体参数信息、系统参照调整信息，获取墙体调整对齐信息；户型图生成步骤：根据墙体绘制结果信息，生成二维线框标注信息图、三维鸟瞰漫游图；所述设定墙体参数包括：设定墙体位置参数、设定墙体长度参数、设定墙体高度参数以及设定墙体厚度参数；所述墙体绘制控制信息控制墙体绘制行为；辅助线绘制控制信息控制辅助线绘制行为；端点距离参考信息指示辅助线起点至墙体端点的距离。
优选地，所述墙体绘制步骤包括：基准墙体绘制步骤：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，绘制基准墙体，获取基准墙体绘制结果信息；辅助线绘制步骤包括：第一辅助线绘制步骤：根据基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第一辅助线绘制结果信息；所述墙体绘制结果信息包括：基准墙体绘制结果信息；所述辅助线绘制结果信息包括：第一辅助线绘制结果信息。
优选地，辅助线绘制步骤包括：非基准墙体绘制参照获取步骤：根据辅助线绘制结果信息、系统参照信息，获取非基准墙体绘制参照信息；非基准墙体绘制步骤：根据设定墙体参数、非基准墙体绘制参照信息、墙体绘制控制信息，绘制非基准墙体，获取非基准墙体绘制结果信息；辅助线绘制步骤包括：第二辅助线绘制步骤：根据非基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第二辅助线绘制结果信息；所述墙体绘制结果信息包括：非基准墙体绘制结果信息；所述辅助线绘制结果信息包括：第二辅助线绘制结果信息。
优选地，所述辅助线绘制步骤还包括：辅助线起点吸附步骤：根据辅助线绘制控制信息、墙体绘制结果信息，获取吸附到墙体端点控制信息/吸附到墙体单边控制信息/吸附到测量线端点控制信息；吸附到墙体端点控制信息控制将辅助线起点吸附到墙体端点的行为；吸附到墙体单边控制信息控制将辅助线起点吸附到墙体单边任一点的行为；吸附到测量线端点控制信息能够控制将辅助线起点吸附到测量线端点的行为。
优选地，所述墙体调整步骤还包括：第一墙体连接关系重构步骤：将一型墙结构变成L型墙结构、T型墙结构；第二墙体连接关系重构步骤：将X型墙体与T型墙体间进行相互转化；所述墙体绘制步骤还包括：墙体起点吸附步骤：根据墙体绘制控制信息、辅助线绘制结果信息，获取吸附到辅助线端点控制信息/吸附到辅助线任一点控制信息/吸附到测量线端点控制信息；辅助线端点控制信息控制将墙体起点吸附到辅助线端点的行为；吸附到辅助线任一点控制信息控制将墙体起点吸附到辅助线任一点的行为；吸附到测量线端点控制信息能够控制将墙体起点吸附到测量线端点的行为。
具体地，在一个实施例中，一种基于HTML5的辅助测量线的绘制算法，所述基于HTML5的辅助测量线的绘制，包括墙体单边吸附；墙体端点的吸附；辅助线长度的输入；辅助线正交吸附；辅助线上起点吸附；辅助线端点的吸附等一系列计算方案和展示方案。
进一步地，墙体单边我们用线段S表示，线段的两个端点为Ps1，Ps2，当鼠标位置P1到线段S的距离小于设定阈值Q1时，我们认为鼠标位置点P1被吸附到线段S上，P2为鼠标点P1的吸附位置，P2的计算方式为：我们定义过线段S的直线为L1，过点P且垂直与L1的直线为L2，L1与L2的交点位置即为P2。Ps1与P2的距离为D1，Ps2与P2的距离为D2，当D1小于等于D2时，我们绘制标尺Ps1到P2，显示距离D1，当D1大于D2时，我们绘制标尺Ps2到P2，显示距离D2。此时可以输入新的距离D3，当D3小于D2与D1的和时，我们得到新的鼠标点位置P3，P3为在线段S上且到端点的距离为D3的点。
进一步地，墙体端点我们用T表示，当鼠标点P1到端点T到距离小于设定到阈值Q2时，我们认为鼠标点P1被吸附到端点T上，此时鼠标点P2的位置与T重合。
进一步地，辅助测量线起点Pb确定后，我们可以拖动鼠标来改变当前线段的方向和终点位置P1，当向量PbP1与X轴当cos值小于阈值Q3时，我们认为P1吸附与X轴平行的直线，此时吸附点P2的坐标x与P1的x相同，y与Pb的y相同。
进一步地，我们可以在辅助线上任意点为起点进行画墙操作，当鼠标位置P1到辅助线S1到距离小于给定阈值Q4时，P1到位置更新到过P1点S1的垂足上的P2点，此时显示交互方案同上。
进一步地，在辅助测量线绘制完成后，我们可以吸附起点，从起点开始画墙。
进一步地，在辅助测量线绘制完成后，我们可以吸附到测量线上，计算及显示逻辑与墙体吸附显示逻辑相同。
具体地，在一个实施例中，一种基于HTML5的户型图绘制方法，基于所述的墙体调整，包括“一”型到“L”型，“一”型到“T”型，“T”型到“X”型，“X”型到“T”型，“T”型到“L”型，“L”型到“一”型。
如图3所示，“一”型墙变成”L”型墙的过程中，定义点Pa1，Pa2，Pa3，Pa4组成墙体W1，其中Pa1，Pa2组成向量W1V1，Pa3，Pa4组成向量W1V2，向量W1V1与向量W1V2等模反向；定义点Pb1，Pb2，Pb3，Pb4组成墙体W2，其中Pb1，Pb2组成向量W2V1，Pb3，Pb4组成向量W2V2，向量W2V1与向量W2V2等模反向。W1与W2有公共点C，点C为Pa1，Pa2，Pa3，Pa4，Pb1，Pb2，Pb3，Pb4其中之一，以C点为起点，墙体端点的为终点，得到向量W1Vc，W2Vc，当W1Vc与W1V1同向且W2Vc与W2V1同向时，W1V2与W2V2所在的直线的交点为新的墙体连接点。当W1Vc与W1V1反向或W2Vc与W2V1反向时，W1V1与W2V2所在直线的交点，W1V2与W2V1所在的直线的交点都为新的连接点。
如图4所示，“一”型墙变成“T”型墙的过程中，定义点Pa1，Pa2，Pa3，Pa4组成墙体W1，其中Pa1，Pa2组成向量W1V1，Pa3，Pa4组成向量W1V2，向量W1V1与向量W1V2等模反向；定义点Pb1，Pb2，Pb3，Pb4组成墙体W2，其中Pb1，Pb2组成向量W2V1，Pb3，Pb4组成向量W2V2，向量W2V1与向量W2V2等模反向。W1与W2有公共点C，点C落在W2V1或者W2V2，以C为端点的向量为V1，C在其上的向量V2的法线为N1，当V1与N1的叉乘大于零，则取W1V1与W2V1的交点为墙的连接点，否则取W1V1与W2V1的交点，W1V1与W2V2的交点为墙体的连接点。
如图5所示，“T”型墙变成“X”型墙的过程中，定义点Pa1，Pa2，Pa3，Pa4组成墙体W1，其中Pa1，Pa2组成向量W1V1，Pa3，Pa4组成向量W1V2，向量W1V1与向量W1V2等模反向；定义点Pb1，Pb2，Pb3，Pb4组成墙体W2，其中Pb1，Pb2组成向量W2V1，Pb3，Pb4组成向量W2V2，向量W2V1与向量W2V2等模反向。当向量点乘与法线的点乘大于零时，重新计算点的连接关系。
本领域技术人员可以将本发明提供的基于HTML5的户型图绘制方法，理解为本发明提供的基于辅助线绘制的户型图生成系统的一个实施例。即，所述基于辅助线绘制的户型图生成系统可以通过执行所述基于HTML5的户型图绘制方法的步骤流程实现。
根据本发明提供的一种基于HTML5的户型图绘制系统，包括：墙体绘制模块：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，获取墙体绘制结果信息；辅助线绘制模块：根据墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取辅助线绘制结果信息；墙体调整模块：根据墙体参数信息、系统参照调整信息，获取墙体调整对齐信息；户型图生成模块：根据墙体绘制结果信息，获取户型图结果信息；所述设定墙体参数包括：设定墙体位置参数、设定墙体长度参数、设定墙体宽度参数以及设定墙体厚度参数；所述墙体绘制控制信息控制墙体绘制行为；辅助线绘制控制信息控制辅助线绘制行为；端点距离参考信息指示辅助线起点至墙体端点的距离。
优选地，所述墙体绘制模块包括：基准墙体绘制模块：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，绘制基准墙体，获取基准墙体绘制结果信息；辅助线绘制模块包括：第一辅助线绘制模块：根据基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第一辅助线绘制结果信息；所述墙体绘制结果信息包括：基准墙体绘制结果信息；所述辅助线绘制结果信息包括：第一辅助线绘制结果信息。
优选地，墙体绘制参照获取模块包括：非基准墙体绘制参照获取模块：根据辅助线绘制结果信息、系统参照信息，获取非基准墙体绘制参照信息；非基准墙体绘制模块：根据设定墙体参数、非基准墙体绘制参照信息、墙体绘制控制信息，绘制非基准墙体，获取非基准墙体绘制结果信息；辅助线绘制模块包括：第二辅助线绘制模块：根据非基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第二辅助线绘制结果信息；所述墙体绘制结果信息包括：非基准墙体绘制结果信息；所述辅助线绘制结果信息包括：第二辅助线绘制结果信息。
优选地，所述辅助线绘制模块还包括：辅助线起点吸附模块：根据辅助线绘制控制信息、墙体绘制结果信息，获取吸附到墙体端点控制信息/吸附到墙体单边控制信息/吸附到测量线端点控制信息；吸附到墙体端点控制信息控制将辅助线起点吸附到墙体端点的行为；吸附到墙体单边控制信息控制将辅助线起点吸附到墙体单边任一点的行为；吸附到测量线端点控制信息能够控制将辅助线起点吸附到测量线端点的行为。
优选地，所述墙体调整模块还包括：第一墙体连接关系重构模块：将一型墙结构变成L型墙结构、T型墙结构；第二墙体连接关系重构模块：将X型墙体与T型墙体间进行相互转化；所述墙体绘制模块还包括：墙体起点吸附模块：根据墙体绘制控制信息、辅助线绘制结果信息，获取吸附到辅助线端点控制信息/吸附到辅助线任一点控制信息/吸附到测量线端点控制信息；辅助线端点控制信息控制将墙体起点吸附到辅助线端点的行为；吸附到辅助线任一点控制信息控制将墙体起点吸附到辅助线任一点的行为；吸附到测量线端点控制信息能够控制将墙体起点吸附到测量线端点的行为。
本发明能够提高户型图制图效率；本发明能够降低户型图制图成本；本发明在户型图生成能够起到显著的技术效果，方便设计师制图。
本领域技术人员知道，除了以纯计算机可读程序代码方式实现本发明提供的系统及其各个装置、单元、单元以外，完全可以通过将方法步骤进行逻辑编程来使得本发明提供的系统及其各个装置、单元、单元以逻辑门、开关、专用集成电路、可编程逻辑控制器以及嵌入式微控制器等的形式来实现相同功能。所以，本发明提供的系统及其各项装置、单元、单元可以被认为是一种硬件部件，而对其内包括的用于实现各种功能的装置、单元、单元也可以视为硬件部件内的结构；也可以将用于实现各种功能的装置、单元、单元视为既可以是实现方法的软件单元又可以是硬件部件内的结构。
以上对本发明的具体实施例进行了描述。需要理解的是，本发明并不局限于上述特定实施方式，本领域技术人员可以在权利要求的范围内做出各种变化或修改，这并不影响本发明的实质内容。在不冲突的情况下，本申请的实施例和实施例中的特征可以任意相互组合。
Claims (10)
1.一种基于HTML5的户型图绘制方法，其特征在于，包括：
墙体绘制步骤：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，获取墙体绘制结果信息；
辅助线绘制步骤：根据墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取辅助线绘制结果信息；
墙体调整步骤：根据墙体参数信息、系统参照调整信息，获取墙体调整对齐信息；
户型图生成步骤：根据墙体绘制结果信息，生成二维线框标注信息图、三维鸟瞰漫游图；
所述设定墙体参数包括：设定墙体位置参数、设定墙体长度参数、设定墙体高度参数以及设定墙体厚度参数；
所述墙体绘制控制信息控制墙体绘制行为；
辅助线绘制控制信息控制辅助线绘制行为；
端点距离参考信息指示辅助线起点至墙体端点的距离。
2.根据权利要求1所述的基于HTML5的户型图绘制方法，其特征在于，所述墙体绘制步骤包括：
基准墙体绘制步骤：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，绘制基准墙体，获取基准墙体绘制结果信息；
辅助线绘制步骤包括：
第一辅助线绘制步骤：根据基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第一辅助线绘制结果信息；
所述墙体绘制结果信息包括：基准墙体绘制结果信息；
所述辅助线绘制结果信息包括：第一辅助线绘制结果信息。
3.根据权利要求2所述的基于HTML5的户型图绘制方法，其特征在于，辅助线绘制步骤包括：
非基准墙体绘制参照获取步骤：根据辅助线绘制结果信息、系统参照信息，获取非基准墙体绘制参照信息。
非基准墙体绘制步骤：根据设定墙体参数、非基准墙体绘制参照信息、墙体绘制控制信息，绘制非基准墙体，获取非基准墙体绘制结果信息；
辅助线绘制步骤包括：
第二辅助线绘制步骤：根据非基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第二辅助线绘制结果信息；
所述墙体绘制结果信息包括：非基准墙体绘制结果信息；
所述辅助线绘制结果信息包括：第二辅助线绘制结果信息。
4.根据权利要求1所述的基于HTML5的户型图绘制方法，其特征在于，所述辅助线绘制步骤还包括：
辅助线起点吸附步骤：根据辅助线绘制控制信息、墙体绘制结果信息，获取吸附到墙体端点控制信息/吸附到墙体单边控制信息/吸附到测量线端点控制信息；
吸附到墙体端点控制信息控制将辅助线起点吸附到墙体端点的行为；
吸附到墙体单边控制信息控制将辅助线起点吸附到墙体单边任一点的行为；
吸附到测量线端点控制信息能够控制将辅助线起点吸附到测量线端点的行为。
5.根据权利要求1所述的基于HTML5的户型图绘制方法，其特征在于，
所述墙体调整步骤还包括：
第一墙体连接关系重构步骤：将一型墙结构变成L型墙结构、T型墙结构；
第二墙体连接关系重构步骤：将X型墙体与T型墙体间进行相互转化；
所述墙体绘制步骤还包括：
墙体起点吸附步骤：根据墙体绘制控制信息、辅助线绘制结果信息，获取吸附到辅助线端点控制信息/吸附到辅助线任一点控制信息/吸附到测量线端点控制信息；
辅助线端点控制信息控制将墙体起点吸附到辅助线端点的行为；
吸附到辅助线任一点控制信息控制将墙体起点吸附到辅助线任一点的行为；
吸附到测量线端点控制信息能够控制将墙体起点吸附到测量线端点的行为。
6.一种基于HTML5的户型图绘制系统，其特征在于，包括：
墙体绘制模块：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，获取墙体绘制结果信息；
辅助线绘制模块：根据墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取辅助线绘制结果信息；
墙体调整模块：根据墙体参数信息、系统参照调整信息，获取墙体调整对齐信息；
户型图生成模块：根据墙体绘制结果信息，获取户型图结果信息；
所述设定墙体参数包括：设定墙体位置参数、设定墙体长度参数、设定墙体宽度参数以及设定墙体厚度参数；
所述墙体绘制控制信息控制墙体绘制行为；
辅助线绘制控制信息控制辅助线绘制行为；
端点距离参考信息指示辅助线起点至墙体端点的距离。
7.根据权利要求6所述的基于HTML5的户型图绘制系统，其特征在于，所述墙体绘制模块包括：
基准墙体绘制模块：根据设定墙体参数、墙体绘制参照信息、墙体绘制控制信息，绘制基准墙体，获取基准墙体绘制结果信息；
辅助线绘制模块包括：
第一辅助线绘制模块：根据基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第一辅助线绘制结果信息；
所述墙体绘制结果信息包括：基准墙体绘制结果信息；
所述辅助线绘制结果信息包括：第一辅助线绘制结果信息。
8.根据权利要求7所述的基于HTML5的户型图绘制系统，其特征在于，墙体绘制参照获取模块包括：
非基准墙体绘制参照获取模块：根据辅助线绘制结果信息、系统参照信息，获取非基准墙体绘制参照信息。
非基准墙体绘制模块：根据设定墙体参数、非基准墙体绘制参照信息、墙体绘制控制信息，绘制非基准墙体，获取非基准墙体绘制结果信息；
辅助线绘制模块包括：
第二辅助线绘制模块：根据非基准墙体绘制结果信息、端点距离参考信息、辅助线绘制控制信息，获取第二辅助线绘制结果信息；
所述墙体绘制结果信息包括：非基准墙体绘制结果信息；
所述辅助线绘制结果信息包括：第二辅助线绘制结果信息。
9.根据权利要求6所述的基于HTML5的户型图绘制系统，其特征在于，所述辅助线绘制模块还包括：
辅助线起点吸附模块：根据辅助线绘制控制信息、墙体绘制结果信息，获取吸附到墙体端点控制信息/吸附到墙体单边控制信息/吸附到测量线端点控制信息；
吸附到墙体端点控制信息控制将辅助线起点吸附到墙体端点的行为；
吸附到墙体单边控制信息控制将辅助线起点吸附到墙体单边任一点的行为；
吸附到测量线端点控制信息能够控制将辅助线起点吸附到测量线端点的行为。
10.根据权利要求6所述的基于HTML5的户型图绘制系统，其特征在于，
所述墙体调整模块还包括：
第一墙体连接关系重构模块：将一型墙结构变成L型墙结构、T型墙结构；
第二墙体连接关系重构模块：将X型墙体与T型墙体间进行相互转化；
所述墙体绘制模块还包括：
墙体起点吸附模块：根据墙体绘制控制信息、辅助线绘制结果信息，获取吸附到辅助线端点控制信息/吸附到辅助线任一点控制信息/吸附到测量线端点控制信息；
辅助线端点控制信息控制将墙体起点吸附到辅助线端点的行为；
吸附到辅助线任一点控制信息控制将墙体起点吸附到辅助线任一点的行为；
吸附到测量线端点控制信息能够控制将墙体起点吸附到测量线端点的行为。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911066137.6A CN111008414B (zh) | 2019-11-04 | 2019-11-04 | 一种基于html5的户型图绘制方法及系统 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201911066137.6A CN111008414B (zh) | 2019-11-04 | 2019-11-04 | 一种基于html5的户型图绘制方法及系统 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN111008414A true CN111008414A (zh) | 2020-04-14 |
| CN111008414B CN111008414B (zh) | 2023-11-14 |
Family
ID=70111867
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201911066137.6A Active CN111008414B (zh) | 2019-11-04 | 2019-11-04 | 一种基于html5的户型图绘制方法及系统 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN111008414B (zh) |
Cited By (5)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN112231787A (zh) * | 2020-10-16 | 2021-01-15 | 苏州织巢信息科技有限公司 | 一种应用于家装系统中墙体辅助绘制方法、装置 |
| CN112364405A (zh) * | 2020-10-16 | 2021-02-12 | 苏州织巢信息科技有限公司 | 一种墙体绘制处理方法、装置及计算机可读存储介质 |
| CN113656871A (zh) * | 2021-08-16 | 2021-11-16 | 成都云中楼阁科技有限公司 | 一种建筑墙体绘制方法 |
| CN113838163A (zh) * | 2020-06-24 | 2021-12-24 | 阿里巴巴集团控股有限公司 | 区域图形绘制插件、方法、装置、电子设备、系统及介质 |
| CN114329723A (zh) * | 2021-12-31 | 2022-04-12 | 北京有竹居网络技术有限公司 | 户型图的处理方法、装置、可读存储介质和电子设备 |
Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2016177432A (ja) * | 2015-03-19 | 2016-10-06 | 株式会社リコー | プログラム、情報処理装置、記憶媒体、画面作成方法 |
| CN109741011A (zh) * | 2018-12-15 | 2019-05-10 | 武汉兴联云立方科技有限公司 | 一种优化室内设计师工作流程的服务平台及方法 |
| CN110110478A (zh) * | 2019-05-20 | 2019-08-09 | 广东三维家信息科技有限公司 | 房间模型绘制方法、装置和计算机设备 |
-
2019
- 2019-11-04 CN CN201911066137.6A patent/CN111008414B/zh active Active
Patent Citations (3)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| JP2016177432A (ja) * | 2015-03-19 | 2016-10-06 | 株式会社リコー | プログラム、情報処理装置、記憶媒体、画面作成方法 |
| CN109741011A (zh) * | 2018-12-15 | 2019-05-10 | 武汉兴联云立方科技有限公司 | 一种优化室内设计师工作流程的服务平台及方法 |
| CN110110478A (zh) * | 2019-05-20 | 2019-08-09 | 广东三维家信息科技有限公司 | 房间模型绘制方法、装置和计算机设备 |
Non-Patent Citations (2)
| Title |
|---|
| 董晨辉等: "AutoCAD 3dsMAX Photoshop软件在室内效果图制作中的综合应用", 《信息通信》 * |
| 韩晓霞等: "高度复杂拟凸体的实时触觉绘制", 《计算机辅助设计与图形学学报》 * |
Cited By (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN113838163A (zh) * | 2020-06-24 | 2021-12-24 | 阿里巴巴集团控股有限公司 | 区域图形绘制插件、方法、装置、电子设备、系统及介质 |
| CN112231787A (zh) * | 2020-10-16 | 2021-01-15 | 苏州织巢信息科技有限公司 | 一种应用于家装系统中墙体辅助绘制方法、装置 |
| CN112364405A (zh) * | 2020-10-16 | 2021-02-12 | 苏州织巢信息科技有限公司 | 一种墙体绘制处理方法、装置及计算机可读存储介质 |
| CN112231787B (zh) * | 2020-10-16 | 2024-04-19 | 深圳金装科技装饰工程有限公司 | 一种应用于家装系统中墙体辅助绘制方法、装置 |
| CN113656871A (zh) * | 2021-08-16 | 2021-11-16 | 成都云中楼阁科技有限公司 | 一种建筑墙体绘制方法 |
| CN113656871B (zh) * | 2021-08-16 | 2024-05-03 | 成都云中楼阁科技有限公司 | 一种建筑墙体绘制方法 |
| CN114329723A (zh) * | 2021-12-31 | 2022-04-12 | 北京有竹居网络技术有限公司 | 户型图的处理方法、装置、可读存储介质和电子设备 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN111008414B (zh) | 2023-11-14 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN111008414A (zh) | 一种基于html5的户型图绘制方法及系统 | |
| CN103942314B (zh) | 一种html文件图文混排显示方法 | |
| CN105513110A (zh) | 基于gpu的宽度渐变线型地图符号绘制方法 | |
| CN107798715A (zh) | 立体图形的对齐吸附方法、装置、计算机设备及存储介质 | |
| CN103927171A (zh) | 一种立体桌面多屏预览的实现方法及系统 | |
| CN105630378A (zh) | 基于双触摸屏的三维虚拟场景设计装配系统及方法 | |
| US9053581B2 (en) | Hidden line grids in a browser environment | |
| CN111177828A (zh) | 应用于标准楼层模型的联动方法、装置及计算机存储介质 | |
| CN103886143B (zh) | 一种由节点快速生成构架钢梁施工图的方法 | |
| KR101568403B1 (ko) | 스케치 커튼 월 그리드 생성 방법 | |
| CN103984478A (zh) | 一种动态图标的展示方法及系统 | |
| KR20050001101A (ko) | 2차원 이미지로부터 3차원 이미지를 생성하는 방법 | |
| JP2012164221A (ja) | 骨格モデルの関節角度の曲がりにくさの制御装置，方法，及びプログラム | |
| Jia et al. | Collision detection based on augmented reality for construction robot | |
| CN104460094A (zh) | 3d显示装置及3d显示装置的控制方法 | |
| KR101782269B1 (ko) | 플러그인 프로그램을 사용하여 넙스 및 폴리클을 생성 및 적용하는 방법 | |
| CN103337089A (zh) | 一种在3d空间中实现文字跑马灯效果的方法 | |
| JP5618926B2 (ja) | マルチポインティングデバイスの制御方法及びプログラム | |
| KR101591311B1 (ko) | 다중 적용이 가능한 커튼 월 그리드 시스템 | |
| CN103400406B (zh) | 一种粒子反弹效果的实现方法及装置 | |
| Daunay et al. | Stable six degrees of freedom haptic feedback for flexible ligand–protein docking | |
| CN108133102A (zh) | 一种mosfet器件之全局工艺角模型的建模方法 | |
| CN112199081B (zh) | 自动调整生成软件子系统的端口的方法 | |
| CN106856011A (zh) | 一种新的试验设计算法 | |
| CN108255488A (zh) | 一种创建窗口边框的方法、装置及计算机设备 |
Legal Events
| Date | Code | Title | Description |
|---|---|---|---|
| PB01 | Publication | ||
| PB01 | Publication | ||
| SE01 | Entry into force of request for substantive examination | ||
| SE01 | Entry into force of request for substantive examination | ||
| GR01 | Patent grant | ||
| GR01 | Patent grant |