CN107402928A - 一种文档渲染方法 - Google Patents
一种文档渲染方法 Download PDFInfo
- Publication number
- CN107402928A CN107402928A CN201610338647.4A CN201610338647A CN107402928A CN 107402928 A CN107402928 A CN 107402928A CN 201610338647 A CN201610338647 A CN 201610338647A CN 107402928 A CN107402928 A CN 107402928A
- Authority
- CN
- China
- Prior art keywords
- file
- vector
- bitmap
- client
- bitmaps
- 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.)
- Pending
Links
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F16/00—Information retrieval; Database structures therefor; File system structures therefor
- G06F16/10—File systems; File servers
- G06F16/16—File or folder operations, e.g. details of user interfaces specifically adapted to file systems
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Human Computer Interaction (AREA)
- Data Mining & Analysis (AREA)
- Databases & Information Systems (AREA)
- Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- General Physics & Mathematics (AREA)
- Information Transfer Between Computers (AREA)
Abstract
本发明涉及一种文档渲染方法,包括:获取CAD文件;将CAD文件按照画幅分割为多个矢量文件;将每一个矢量文件渲染为固定尺寸的位图,并根据对应矢量文件之间的位置关系建立对所有位图的索引;获取客户端所要显示的文件范围,并根据建立的对所有位图的索引,调取对应的位图发送给客户端进行拼接显示。与现有技术相比,本发明客户端通过图片方式对CAD文件进行显示,在一些对于文档的简单审阅或标注时,可以满足要求,同时能够大大提高CAD文件在Web或者APP中的显示加速速度。
Description
技术领域
本发明涉及一种web渲染技术,尤其是涉及一种文档渲染方法。
背景技术
随着互联网技术的发展,云存储和云计算逐年被越来越广泛地应用,文档被存储云端,进行多点同步一些团队协作,由于传统的客户端具有笨拙的缺陷,一些对于文档的简单审阅或标注,加之Web具有跨平台的优点,设计师或者办公人员往往更加倾向于通过Web方式进行访问和预览。
对于一些简单的文档,例如文本文档和word文档,在线预览的实现比较方便,但是对于一些例如CAD文件等文档,由于尺寸较大,几何元素非常多,在当前Web浏览器渲染技术中如果不安装插件,很难进行高效快捷的渲染。而安装插件又很难兼容各种不同的浏览器。因此当前的CAD文件的在线浏览技术都比较低效。
发明内容
本发明的目的就是为了克服上述现有技术存在的缺陷而提供一种文档渲染方法。
本发明的目的可以通过以下技术方案来实现:
在某些实施例中:一种文档渲染方法,包括:获取CAD文件;将CAD文件按照画幅分割为多个矢量文件;将每一个矢量文件渲染为固定尺寸的位图,并根据对应矢量文件之间的位置关系建立对所有位图的索引;获取客户端所要显示的文件范围,并根据建立的对所有位图的索引,调取对应的位图发送给客户端进行拼接显示。
在某些实施例中:一种文档渲染方法,包括:获取CAD文件;预载入客户端显示该CAD文件时可能存在的缩放比例,并针对每一种缩放比例,将CAD文件按照画幅分割为多个矢量文件,得到多个矢量文件集合;
针对每一个矢量文件集合:将该矢量文件集合中的所有矢量文件渲染为固定尺寸的位图,并根据对应矢量文件之间的位置关系建立对所有位图的索引;获取客户端所要显示的缩放比例和文件范围,并根据建立的对所有位图的索引,调取对应的位图发送给客户端进行拼接显示。
在某些实施例中:一种文档渲染方法,包括:获取CAD文件;将CAD文件按照画幅分割为多个矢量文件;
将每一个矢量文件渲染为固定尺寸的位图,并根据对应矢量文件之间的位置关系建立对所有位图的索引;客户端根据其所要显示的文件范围,根据建立的对所有位图的索引,从服务器调取对应的位图进行拼接显示。
在某些实施例中:一种文档渲染方法,包括:获取CAD文件;预载入客户端显示该CAD文件时可能存在的缩放比例,并针对每一种缩放比例,将CAD文件按照画幅分割为多个矢量文件,得到多个矢量文件集合;针对每一个矢量文件集合:将该矢量文件集合中的所有矢量文件渲染为固定尺寸的位图,并根据对应矢量文件之间的位置关系建立对所有位图的索引;客户端根据其所要显示的缩放比例和文件范围,根据建立的对所有位图的索引,从服务器调取对应的位图进行拼接显示。
上述方法中,位图的尺寸基于预设的显示分辨率确定。
优选的所述位图的尺寸为预设的显示分辨率的1/n2,其中n为正整数,更有选的,所述n为4。
与现有技术相比,本发明具有以下优点:
1)客户端通过图片方式对CAD文件进行显示,在一些对于文档的简单审阅或标注时,可以满足要求,同时能够大大提高CAD文件在Web或者APP中的显示加速速度。
2)绝大部分的计算和渲染在服务器端处理,客户端无需安装任何插件。
3)先按照画幅将CAD文件分割为多个矢量文件,再进行后续处理,可以大大降低生成位图时占用内存的大小,CAD文件在服务器端进行切割的过程可以更加高效。
4)通过预设显示分辨率的方式,可以降低因分辨率不统一而带来的切割次数过多,生成的位图数量过多的问题,可以显著降低服务器的负荷。
5)将位图的尺寸设计为与预设的整数平方分之一,可以方便后续的拼接显示,而将n涉及为4,一来可以避免因位图尺寸过大而带来的图片不清晰的问题,二来可以避免因位图尺寸过小,带来的数据冗余,进而造成资源浪费的问题。
附图说明
图1为本发明的主要步骤流程示意图;
图2为CAD文件分割示意图。
具体实施方式
下面结合附图和具体实施例对本发明进行详细说明。本实施例以本发明技术方案为前提进行实施,给出了详细的实施方式和具体的操作过程,但本发明的保护范围不限于下述的实施例。
实施例1:
上传至服务器中的CAD文件会被在客户端进行预览显示,客户端可以是Web浏览器也可以是APP(应用程序),本申请提供了一种文档渲染方法,可以实现客户端对于像CAD这样的复杂超大文件实现快速显示,包括步骤:
服务器先获取CAD文件101;
服务器预载入客户端显示该CAD文件101时可能存在的缩放比例,如图2所示,并针对每一种缩放比例,将CAD文件101按照画幅分割为多个矢量文件102,得到多个矢量文件102集合,其中:客户端显示时可能存在的缩放比例可以设计自动的算法生成,也可以从***外部录入的方式;
针对每一个矢量文件102集合:将该矢量文件102集合中的所有矢量文件102渲染为固定尺寸的位图,并根据对应矢量文件102之间的位置关系建立对所有位图的索引,其中,位图的尺寸基于预设的显示分辨率确定,优选的位图的尺寸为预设的显示分辨率的1/n2,其中n为正整数,更有选的,n为4。通过预设显示分辨率的方式,可以降低因分辨率不统一而带来的切割次数过多,生成的位图数量过多的问题,可以显著降低服务器的负荷;
客户端将其所要显示的缩放比例和文件范围发送至服务器,由服务器根据建立的对所有位图的索引,调取对应的位图发送给客户端进行拼接显示。
具体流程如图1所示,下面以一个具体CAD文件切片案例进行详细描述:
S1:获取CAD文件,设定预设显示分辨率为1024*1024,同时设计最大支持4096*4096尺寸显示,以满足足够放大倍数下对细节的显示精度;
S2:计算可能存在的缩放比例,缩放比例用r表示,由于4096是1024的四倍,因此r最小为0.25,同时为了减小数据冗余,r最大为1.0,中间可以任意选取几个,本实施例中,选择r为1.0,0.5,0.25;
S3:取出缩放比例r,首次取r=1.0;
S4:切分CAD为高宽为(16r)*(16r)的小矢量文件,其中16为4096相对于位图尺寸的倍数;
S5:将小矢量文件渲染为256*256的图片;针对比例r=1.0来说,共有:16*16=256片;
S6:将r=1.0的切片从左到右从上到下编号为:
r1.0_0_0.jpg,r1.0_0_1.jpg,…,r1.0_0_15.jpg,;
r1.0_1_0.jpg,r1.0_1_1.jpg,…,r1.0_1_15.jpg,;
…
r1.0_15_0.jpg,r1.0_15_1.jpg,…,r1.0_15_15.jpg,;
转步骤S3,依次建立针对各缩放比例的索引。
然后客户端根据其所要显示的缩放比例和文件范围发送至服务器,由服务器根据建立的对所有位图的索引,调取对应的位图发送给客户端进行拼接显示。
实施例2:
为了避免本实施例模糊,对于和实施例1中相同的思路或者步骤,本实施例不再详述。
本实施例中,不在针对不同的缩放尺寸建立索引,对于每一CAD文件,仅建立一套索引,而有客户端根据该套索引进行缩放显示。这种方式可以降低服务器的计算和存储负荷,但是会提高对客户端的要求。
实施例3:
为了避免本实施例模糊,对于和实施例1中相同的思路或者步骤,本实施例不再详述。
本实施例事先根据缩放比例将CAD文件转换为一个或多个大位图,例如4096*4096至1024*1024的位图,
然而再对各大位图进行切割并建立索引。
本实施例中采用的方式虽然过程简单,但是转换为大位图的过程会非常耗费服务器的资源,会导致占用大量的内存。
Claims (7)
1.一种文档渲染方法,其特征在于,包括步骤:
获取CAD文件;
将CAD文件按照画幅分割为多个矢量文件;
将每一个矢量文件渲染为固定尺寸的位图,并根据对应矢量文件之间的位置关系建立对所有位图的索引;
获取客户端所要显示的文件范围,并根据建立的对所有位图的索引,调取对应的位图发送给客户端进行拼接显示。
2.一种文档渲染方法,其特征在于,包括步骤:
获取CAD文件;
预载入客户端显示该CAD文件时可能存在的缩放比例,并针对每一种缩放比例,将CAD文件按照画幅分割为多个矢量文件,得到多个矢量文件集合;
针对每一个矢量文件集合:将该矢量文件集合中的所有矢量文件渲染为固定尺寸的位图,并根据对应矢量文件之间的位置关系建立对所有位图的索引;
获取客户端所要显示的缩放比例和文件范围,并根据建立的对所有位图的索引,调取对应的位图发送给客户端进行拼接显示。
3.一种文档渲染方法,其特征在于,包括步骤:
获取CAD文件;
将CAD文件按照画幅分割为多个矢量文件;
将每一个矢量文件渲染为固定尺寸的位图,并根据对应矢量文件之间的位置关系建立对所有位图的索引;
客户端根据其所要显示的文件范围,根据建立的对所有位图的索引,从服务器调取对应的位图进行拼接显示。
4.一种文档渲染方法,其特征在于,包括步骤:
获取CAD文件;
预载入客户端显示该CAD文件时可能存在的缩放比例,并针对每一种缩放比例,将CAD文件按照画幅分割为多个矢量文件,得到多个矢量文件集合;
针对每一个矢量文件集合:将该矢量文件集合中的所有矢量文件渲染为固定尺寸的位图,并根据对应矢量文件之间的位置关系建立对所有位图的索引;
客户端根据其所要显示的缩放比例和文件范围,根据建立的对所有位图的索引,从服务器调取对应的位图进行拼接显示。
5.根据权利要求1-4中任一所述的一种文档渲染方法,其特征在于,所述位图的尺寸基于预设的显示分辨率确定。
6.根据权利要求5所述的一种文档渲染方法,其特征在于,所述位图的尺寸为预设的显示分辨率的1/n2,其中n为正整数。
7.根据权利要求5所述的一种文档渲染方法,其特征在于,所述n为4。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610338647.4A CN107402928A (zh) | 2016-05-20 | 2016-05-20 | 一种文档渲染方法 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201610338647.4A CN107402928A (zh) | 2016-05-20 | 2016-05-20 | 一种文档渲染方法 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN107402928A true CN107402928A (zh) | 2017-11-28 |
Family
ID=60389151
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201610338647.4A Pending CN107402928A (zh) | 2016-05-20 | 2016-05-20 | 一种文档渲染方法 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN107402928A (zh) |
Cited By (3)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
WO2020093193A1 (en) * | 2018-11-05 | 2020-05-14 | Commscope, Inc. Of North Carolina | Systems and methods for on-demand display of vector graphic images using raster graphics |
WO2020224388A1 (zh) * | 2019-05-06 | 2020-11-12 | 腾讯科技(深圳)有限公司 | 元素渲染方法、装置、计算机可读存储介质和计算机设备 |
EP3514709B1 (de) * | 2018-01-22 | 2023-06-07 | Joachim Becker | Verfahren und vorrichtung zur übertragung und anzeige von nutzereigenen vektorgraphiken mit infopunkten aus einem cloudbasierten cad-archiv auf mobilgeräten, tragbaren oder stationären computern |
Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN102736898A (zh) * | 2012-05-08 | 2012-10-17 | 国家***卫星测绘应用中心 | 一种适用于多核cpu的矢量数据并行绘制方法和装置 |
US20120320058A1 (en) * | 2011-06-14 | 2012-12-20 | Robert Stephen Consulting LLC | Facilities management system and method |
US20130128977A1 (en) * | 2011-11-21 | 2013-05-23 | General Instrument Corporation | Implicit determination and combined implicit and explicit determination of collocated picture for temporal prediction |
CN102663119B (zh) * | 2012-04-19 | 2014-06-11 | 北京天下图数据技术有限公司 | 一种渲染海量矢量数据的方法 |
CN104050185A (zh) * | 2013-03-13 | 2014-09-17 | 百度在线网络技术(北京)有限公司 | 一种页面内容缩放显示处理方法及装置 |
CN104182498A (zh) * | 2014-08-15 | 2014-12-03 | 成都天奥信息科技有限公司 | Android平台下电子海图引擎及无时延显示方法 |
CN104200506A (zh) * | 2014-08-04 | 2014-12-10 | 广东威创视讯科技股份有限公司 | 三维gis海量矢量数据渲染方法及装置 |
CN104240245A (zh) * | 2014-09-10 | 2014-12-24 | 中国科学院光电技术研究所 | 一种将矢量图形转化成位图并进行自适应分割的方法 |
CN105427236A (zh) * | 2015-12-18 | 2016-03-23 | 魅族科技(中国)有限公司 | 一种图像渲染方法及装置 |
-
2016
- 2016-05-20 CN CN201610338647.4A patent/CN107402928A/zh active Pending
Patent Citations (9)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
US20120320058A1 (en) * | 2011-06-14 | 2012-12-20 | Robert Stephen Consulting LLC | Facilities management system and method |
US20130128977A1 (en) * | 2011-11-21 | 2013-05-23 | General Instrument Corporation | Implicit determination and combined implicit and explicit determination of collocated picture for temporal prediction |
CN102663119B (zh) * | 2012-04-19 | 2014-06-11 | 北京天下图数据技术有限公司 | 一种渲染海量矢量数据的方法 |
CN102736898A (zh) * | 2012-05-08 | 2012-10-17 | 国家***卫星测绘应用中心 | 一种适用于多核cpu的矢量数据并行绘制方法和装置 |
CN104050185A (zh) * | 2013-03-13 | 2014-09-17 | 百度在线网络技术(北京)有限公司 | 一种页面内容缩放显示处理方法及装置 |
CN104200506A (zh) * | 2014-08-04 | 2014-12-10 | 广东威创视讯科技股份有限公司 | 三维gis海量矢量数据渲染方法及装置 |
CN104182498A (zh) * | 2014-08-15 | 2014-12-03 | 成都天奥信息科技有限公司 | Android平台下电子海图引擎及无时延显示方法 |
CN104240245A (zh) * | 2014-09-10 | 2014-12-24 | 中国科学院光电技术研究所 | 一种将矢量图形转化成位图并进行自适应分割的方法 |
CN105427236A (zh) * | 2015-12-18 | 2016-03-23 | 魅族科技(中国)有限公司 | 一种图像渲染方法及装置 |
Cited By (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
EP3514709B1 (de) * | 2018-01-22 | 2023-06-07 | Joachim Becker | Verfahren und vorrichtung zur übertragung und anzeige von nutzereigenen vektorgraphiken mit infopunkten aus einem cloudbasierten cad-archiv auf mobilgeräten, tragbaren oder stationären computern |
WO2020093193A1 (en) * | 2018-11-05 | 2020-05-14 | Commscope, Inc. Of North Carolina | Systems and methods for on-demand display of vector graphic images using raster graphics |
WO2020224388A1 (zh) * | 2019-05-06 | 2020-11-12 | 腾讯科技(深圳)有限公司 | 元素渲染方法、装置、计算机可读存储介质和计算机设备 |
US11741648B2 (en) | 2019-05-06 | 2023-08-29 | Tencent Technology (Shenzhen) Company Limited | Element rendering method and apparatus, computer readable storage medium, and computer device |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
US20170060829A1 (en) | Method and system for annotation and connection of electronic documents | |
JP5307761B2 (ja) | 電子画像のリアルタイムパーソナライゼーション方法及びシステム | |
MX2013007194A (es) | Tecnicas para agregacion electronica de informacion. | |
CN103839479B (zh) | 一种高效电子地图注记交互方法 | |
CN107402928A (zh) | 一种文档渲染方法 | |
US20190354573A1 (en) | Optimized rendering of shared documents on client devices with document raster representations | |
US9454798B2 (en) | Systems and methods of automatic image sizing | |
Chen et al. | Construction of complex environmental art design system based on 3D virtual simulation technology | |
CN107168703A (zh) | 一种基于svg插件的流程图生成方法及*** | |
CN104391896A (zh) | 基于网页的平面印刷品排版方法及*** | |
US9697628B2 (en) | On-demand image spriting | |
Gao et al. | CoWebDraw: a real-time collaborative graphical editing system supporting multi-clients based on HTML5 | |
US9996511B2 (en) | Free form website structure design | |
CN104281562B (zh) | 一种电子文档的处理方法及装置 | |
CN111444452B (zh) | 网页页面的转换方法、装置及存储介质 | |
DE202015009149U1 (de) | Automatisches Einbetten digitaler Karten in Softwareanwendungen | |
CN113282852A (zh) | 编辑网页的方法和装置 | |
CN109214266A (zh) | 用于图像处理的方法、计算机可读记录介质和*** | |
KR20160002163A (ko) | 이메일 생성 시스템 및 이메일 생성 방법 | |
US10157311B2 (en) | Detecting arrows within images | |
CN109636880A (zh) | 一种图片绘制方法和装置、控制器及介质 | |
Chen et al. | PointRegGPT: Boosting 3D Point Cloud Registration using Generative Point-Cloud Pairs for Training | |
CN111063036B (zh) | 基于路径规划的三维文字排布方法、介质、设备及*** | |
CN103731393A (zh) | 一种Web资源数据的压缩方法 | |
CN107229498A (zh) | 一种跨域实现javascript加载本地html文件的方法 |
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 | ||
RJ01 | Rejection of invention patent application after publication | ||
RJ01 | Rejection of invention patent application after publication |
Application publication date: 20171128 |