一种跨平台3D户型绘制方法、装置及系统与流程

本发明涉及家装设计领域，特别是一种跨平台3d户型图绘制方法、装置及系统。

背景技术

在现代家装设计领域中，较多软件都能够进行3d模型的设计和3d模型的展示，但大多需要借助相应软件来实现，需要安装客户端，使用繁琐，不能跨平台使用，且对适用人群具有一定的技术要求。同时，图形格式也多种多样，但大多只能显示安装了的字体，文件占用空间大，颜色选择范围不够广，图像边缘模糊，在缩放图像时，往往会破坏图像的清晰度、细节等。

技术实现要素：

为解决上述问题，本发明的目的在于提供一种跨平台3d户型绘制方法、装置及系统，基于webgl技术和svg图像显示格式，webgl可以为html5canvas提供硬件3d加速渲染，这样设计人员就可以借助系统显卡来在浏览器里更流畅地展示3d场景和模型了，显然，webgl技术免去了安装客户端的麻烦，可以跨平台使用，便于3d户型设计。

svg可缩放矢量图形(scalablevectorgraphics)是基于可扩展标记语言(xml)，用于描述二维矢量图形的一种图形格式。svg是w3c(“worldwidewebconsortium”即“国际互联网标准组织”)在2000年8月制定的一种新的二维矢量图形格式，也是规范中的网络矢量图形标准。svg严格遵从xml语法，并用文本格式的描述性语言来描述图像内容，因此是一种和图像分辨率无关的矢量图形格式。svg图形格式具有以下优点：svg图像中的文字独立于图像，文字保留可编辑和可搜寻的状态，也不会再有字体的限制，用户系统即使没有安装某一字体，也会看到和他们制作时完全相同的画面；总体来讲，svg文件比那些gif和jpeg格式的文件要小很多，因而下载也很快；svg图像提供一个1600万种颜色的调色板，支持icc颜色描述文件标准、rgb、线x填充、渐变和蒙版；svg图像在屏幕上总是边缘清晰，它的清晰度适合任何屏幕分辨率和打印分辨率；用户可以任意缩放图像显示，而不会破坏图像的清晰度、细节等；目前常见的浏览器也都支持svg格式图像。

本发明解决其问题所采用的技术方案是：

一种跨平台3d户型绘制方法，其特征在于，包括以下步骤：

a、上传户型图；

b、绘制墙体，生成标准户型；

c、添加标准模型，并设置区域属性；

d、通过webgl引擎绘制3d户型图，并以svg格式呈现绘制完成的3d户型图。

进一步，用户通过以下步骤上传户型图：

a1、进入设计页面，触发上传户型图指令；

a2、选择并打开户型图文件；

a3、所述户型图文件以图片的形式显示。

进一步，所述步骤b包括以下步骤：

b1、进入绘制页面；

b2、调整户型图至合适位置和大小；

b3、绘制一面与户型图相同尺寸的模型墙体，确定户型图比例；

b4、退出编辑，删除模型墙体；

b5、绘制户型图，设置墙体属性或直接删除墙体；

b6、绘制完成所有墙体，生成标准户型。

进一步，所述步骤b1会显示系统提示，触发系统提示确认指令后进入步骤b2；通过滚动鼠标中键缩放户型图，按住鼠标中键移动户型图从而调整户型图至合适位置和大小；通过将鼠标移动到墙体的一端，点击左键，再移动鼠标到该墙体的另一端，点击左键，在弹出的对话框中输入户型图标注的尺寸，点击确定从而绘制一面与户型图相同尺寸的墙体；通过鼠标右键单击墙体，在弹出的对话框中通过点击删除按钮删除不要的墙体。

进一步，所述步骤c包括以下步骤：

c1、从模型库中添加标准模型，并保持和户型图一致；

c2、设置空间区域属性，选择显示或隐藏户型图信息。

进一步，所述模型库已有的标准模型包括门窗、卫浴、床柜，所述标准模型也可以通过绘制模型并添加到所述模型库生成；通过调整模型的位置和切换模型的方向，获得和户型图一致的设计；通过触发空间区域属性设置指令，从而设置空间区域的高度和名称，选择隐藏或显示3d视图下的房顶；通过触发系统设置指令，从而选择显示或隐藏户型图的尺寸、空间区域信息、文字标注、底图、背景网络。

进一步，所述步骤d中，绘制完成后，以svg格式呈现绘制完成的2d户型图；通过触发3d指令，webgl引擎绘制3d户型图，以svg格式呈现绘制好的3d户型图。

一种应用跨平台3d户型绘制方法的装置，其特征在于，包括：

上传模块：用于上传户型图；

绘制模块：用于绘制墙体，生成标准户型；

设置模块：用于添加标准模型，并设置属性；

展示模块：用于通过webgl引擎绘制3d户型图，并以svg格式呈现绘制完成的3d户型图。

一种跨平台3d户型绘制系统，其特征在于，包括控制模块和存储控制指令的存储模块，控制模块读取所述指令执行以下步骤：

a、上传户型图；

b、绘制墙体，生成标准户型；

c、添加门窗等模型，并设置区域属性；

d、webgl引擎绘制3d户型图，并以svg格式呈现绘制完成的3d户型图。

本发明的有益效果是：本发明采用的一种跨平台3d户型绘制方法、装置及系统，通过webgl提供硬件3d加速渲染，通过svg图像格式用文本格式的描述性语言来描述图像内容；对比起现有技术的做法，本发明免去了安装客户端的麻烦，可以跨平台使用，便于3d户型设计，同时，不会再有字体的限制，用户系统即使没有安装某一字体，也会看到和他们制作时完全相同的画面；文件占用空间小，下载快；颜色选择范围广，图像在屏幕上总是边缘清晰，可以任意缩放图像显示，而不会破坏图像的清晰度、细节等。

附图说明

下面结合附图和实例对本发明作进一步说明。

图1是本发明一种跨平台3d户型绘制方法的流程图；

图2是本发明一种跨平台3d户型绘制方法步骤a的流程图；

图3是本发明一种跨平台3d户型绘制方法步骤b的流程图；

图4是本发明一种跨平台3d户型绘制方法步骤c的流程图；

图5是本发明一种跨平台3d户型绘制方法步骤d的流程图；

图6是本发明一种应用跨平台3d户型绘制方法的装置的模块方框图；

图7是本发明一种应用跨平台3d户型绘制方法的装置的上传模块方框图；

图8是本发明一种应用跨平台3d户型绘制方法的装置的绘制模块方框图；

图9是本发明一种应用跨平台3d户型绘制方法的装置的设置模块方框图；

图10是本发明一种应用跨平台3d户型绘制方法的装置的展示模块方框图。

具体实施方式

参照图1～5所示，本发明提供一种跨平台3d户型绘制方法，其特征在于，包括以下步骤：

a、上传户型图；

b、绘制墙体，生成标准户型；

c、添加标准模型，并设置区域属性；

d、通过webgl引擎绘制3d户型图，并以svg格式呈现绘制完成的3d户型图。

进一步，用户通过以下步骤上传户型图：

a1、进入设计页面，触发上传户型图指令；

a2、选择并打开户型图文件；

a3、所述户型图文件以图片的形式显示。

进一步，所述步骤b包括以下步骤：

b1、进入绘制页面；

b2、调整户型图至合适位置和大小；

b3、绘制一面与户型图相同尺寸的模型墙体，确定户型图比例；

b4、退出编辑，删除模型墙体；

b5、绘制户型图，设置墙体属性或直接删除墙体；

b6、绘制完成所有墙体，生成标准户型。

进一步，所述步骤b1会显示系统提示，触发系统提示确认指令后进入步骤b2；通过滚动鼠标中键缩放户型图，按住鼠标中键移动户型图从而调整户型图至合适位置和大小；通过将鼠标移动到墙体的一端，点击左键，再移动鼠标到该墙体的另一端，点击左键，在弹出的对话框中输入户型图标注的尺寸，点击确定从而绘制一面与户型图相同尺寸的墙体；通过鼠标右键单击墙体，在弹出的对话框中设置墙体的尺寸、高度、厚度、透明度、是否为承重墙，设置墙体为显示状态或隐藏状态，通过点击删除按钮删除不要的墙体。

可选的，所述步骤b3中确定户型图比例通过选择户型图中的标准模型，并设置所述标准模型的尺寸实现。

进一步，所述步骤c包括以下步骤：

c1、从模型库中添加标准模型，并保持和户型图一致；

c2、设置空间区域属性，选择显示或隐藏户型图信息。

进一步，所述模型库已有的标准模型包括门窗、卫浴、床柜，所述标准模型也可以通过绘制模型并添加到所述模型库生成；通过调整模型的位置和切换模型的方向，获得和户型图一致的设计；通过触发空间区域属性设置指令，从而设置空间区域的高度和名称，选择隐藏或显示3d视图下的房顶；通过触发系统设置指令，从而选择显示或隐藏户型图的尺寸、空间区域信息、文字标注、底图、背景网络。

进一步，所述步骤d中，绘制完成后，以svg格式呈现绘制完成的2d户型图；触发3d指令后，通过webgl引擎绘制3d户型图，并以svg格式呈现绘制完成的3d户型图；通过触发2d指令或3d指令，将呈现方式切换为2d户型图或3d户型图。

参照图6～10所示，一种应用跨平台3d户型绘制方法的装置，其特征在于，包括：

上传模块：用于上传户型图；

绘制模块：用于绘制墙体，生成标准户型；

设置模块：用于添加标准模型，并设置属性；

展示模块：用于通过webgl引擎绘制3d户型图，并以svg格式呈现绘制完成的3d户型图。

进一步，所述上传模块包括：

触发模块：用于触发上传户型图指令；

读取模块：用于选择并打开户型图文件；

显示模块：用于将所述户型图文件以图片的形式显示。

进一步，所述绘制模块包括：

提示模块：用于显示绘制户型图的操作指南；

尺寸设置模块：用于设置尺寸数据；

墙体设置模块：用于设置墙体属性或直接删除墙体。

进一步，所述设置模块包括：

属性设置模块：用于设置空间区域属性；

系统设置模块：用于选择显示或隐藏户型图信息。

进一步，所述展示模块包括：

2d展示模块：用于以svg格式呈现绘制完成的2d户型图；

3d绘制模块：用于通过webgl引擎绘制3d户型图；

3d展示模块：用于以svg格式呈现绘制好的3d户型图。

一种跨平台3d户型绘制系统，其特征在于，包括控制模块和存储控制指令的存储模块，控制模块读取所述指令执行以下步骤：

a、上传户型图；

b、绘制墙体，生成标准户型；

c、添加门窗等模型，并设置区域属性；

d、webgl引擎绘制3d户型图，并以svg格式呈现绘制完成的3d户型图。

以上所述，只是本发明的较佳实施例而已，本发明并不局限于上述实施方式，只要其以相同的手段达到本发明的技术效果，都应属于本发明的保护范围。