[发明专利]在Web前端展示并操作CAD图纸的方法

说明书

本发明公开了一种在Web前端展示并操作CAD图纸的方法，服务器端将CAD图纸文件封装成约定的数据交换格式，并发给提出请求的Web前端；Web前端将数据交换格式转换成SVG文件；Web前端调用操作命令对展示在Web前端的SVG图元进行操作，Web前端根据操作命令修改展示的SVG图元；Web前端记录所述操作命令或存放修改后的SVG文件；将所述操作命令或SVG文件封装为所述数据交换格式回传给服务器端；服务器端解析所述数据交换格式，转换成CAD图纸或根据操作命令适配的操作指令修改CAD图纸。依据本发明的方法能够在Web展示并进行修改。

技术领域

本发明涉及一种在Web前端展示并操作CAD图纸的方法。

背景技术

在网络节点的服务器端与Web前端（终端）间，或者终端之间，以CAD（ComputerAided Design，计算机辅助设计）图纸为对象的展示、操作多需给定的插件作支持，当前，对于CAD无插件支持的Web前端展示多以Canvas对象展示。Canvas即画布，是HTML5首次增加的标签，主要用于网页实时生成图像，并且可以操作图像内容，理论上Canvas可构成一个能够用JavaScript操作的bitmap（位图）。

对于位图而言，其不能实现对所展示的图纸进行不失真的缩放查看。此外，对于Canvas而言，其对CAD对象只能展示，而不能在Web端进行修改，尤其是，Canvas只能展示CAD的图元，而不能根据图纸展示更多图纸隐藏的相关信息。

典型地，中国专利文献CN109410346A公开了一种在线编辑三维建筑模型的方法，其在可编辑区域采用H5（即HTML5）的Canvas技术，主要使用Canvas对CAD图的基本单元进行渲染，而不能对CAD图元进行修改。

中国专利文献CN107368622A公开了一种CAD图纸在线浏览的方法，其将CAD图纸直接复制到Flash元件（影片剪辑）内，借助于Flash软件的动作脚本程序对CAD图纸进行矢量放大，并用鼠标或触摸屏拖动图纸的变化尺寸，即预先确定矢量放大的范围。然后制作成SWF文件，将该SWF文件以浏览器插件的形式安装在浏览器上，从而可以通过浏览器插件查看CAD图纸。该种方法一方面需要插件支持，使用便捷性不佳。另外，其所谓的矢量放大也只是伪矢量放大，受原始制作所确定放大范围的限制。

同样地，中国专利文献CN103678807A公开了一种基于内置网页浏览器的三维可视化方式，其依赖于在HTML文件中嵌入各厂家图纸浏览控件，实现对不同CAD格式图纸的浏览。可以预见的是，各厂家图纸浏览控件集成到浏览器上很不现实，单一厂家的浏览器控件从几十Mb到几百Mb，浏览器难以嵌入更多的此类控件，换言之，其根本无法实现。

从前述的内容可见，对于CAD图纸，在Web前端能够实现的多是浏览，或者说简单的展示，对CAD图纸的操作仅限于图纸的简单矢量放大，而不能对CAD图纸进行修改。

发明内容

本发明的目的在于提供一种能够在Web展示并进行修改的在Web前端展示并操作CAD图纸的方法。

在本发明的实施例中，提供一种在Web前端展示并操作CAD图纸的方法，将针对展示在Web前端的CAD图纸的操作命令封装为与CAD图纸操作的指令一一对应；所述方法包括以下步骤：

Web前端提出请求；

服务器端响应所述请求，提取CAD图纸文件，并将该CAD图纸文件封装成约定的数据交换格式，并发给提出请求的Web前端；

Web前端将获得的数据交换格式转换成SVG文件；

Web前端调用操作命令对展示在Web前端的SVG图元进行操作，Web前端根据操作命令修改展示的SVG图元；Web前端记录所述操作命令或存放修改后的SVG文件；

将所述操作命令或SVG文件封装为所述数据交换格式回传给服务器端；