一种网页标注方法及装置制造方法及图纸

本发明专利技术实施例公开了一种网页标注方法及装置。其中，所述方法包括：通过网页服务器加载第一网页；为所述第一网页加载标注矢量图层；接收用户对所述第一网页进行标注所产生的第一网页标注数据，将所述第一网页标注数据转换为标注矢量数据，并将所述标注矢量数据绘制到所述标注矢量图层；将绘制所述标注矢量数据之后的标注矢量图层与所述第一网页进行叠加，以实现在所述第一网页上显示所述第一网页标注数据。本发明专利技术实施例能够提高网页标注中矢量编辑的性能。

【技术实现步骤摘要】
【专利摘要】本专利技术实施例公开了一种网页标注方法及装置。其中，所述方法包括：通过网页服务器加载第一网页；为所述第一网页加载标注矢量图层；接收用户对所述第一网页进行标注所产生的第一网页标注数据，将所述第一网页标注数据转换为标注矢量数据，并将所述标注矢量数据绘制到所述标注矢量图层；将绘制所述标注矢量数据之后的标注矢量图层与所述第一网页进行叠加，以实现在所述第一网页上显示所述第一网页标注数据。本专利技术实施例能够提高网页标注中矢量编辑的性能。【专利说明】—种网页标注方法及装置
本专利技术涉及计算机
，特别是涉及一种网页标注方法及装置。
技术介绍
人们在阅读电子文档时，有时会需要在文档上标注一些图形化信息以辅助阅读，例如，用鼠标绘制线条以勾勒出重点字句，或者在任意地方添加阅读见解或心得等。在Adobe Acrobat Reader或者CAJ Viewer等电子文档阅读器中，提供了高效的矢量图形编辑功能供用户对文档进行标注。然而，当前的网页浏览器在实现网页文档的标注功能时，存在着矢量图形编辑性能较低以及标注数据不能本地存储这两个问题。当前的网页浏览器遵循HTML4.0.1 规范,采用 SVG (Scalable Vector Graphics,可缩放矢量图形)元素来实现网页标注的矢量图形编辑功能。例如，当用户添加一个网页标注时，浏览器将在内部的DOM (Document Object Model,文档对象模型)树添加一个SVG节点，然后对DOM树重新进行布局以计算SVG的大小和位置，最后再通过渲染引擎将网页标注绘制并显示出来，其过程如图1所示。在修改/删除网页标注的过程中，都需经历DOM树的修改及重新布局计算，尤其在实现手绘图形标注或者修改标注的大小和位置时，会频繁触发DOM计算，用户的每次细微操作都将导致大量的计算。同样。在浏览器渲染网页的过程中，DOM计算是最耗时的计算过程，占网页渲染计算量的50%以上。因此，当网页标注系统采用SVG实现矢量图形编辑时，其效率受限于DOM树及其计算的复杂度，在网页内容复杂或者庞大的情况下，将导致操作迟滞的性能问题。可见，现有网页标注实现技术中矢量编辑性能低下。
技术实现思路
本专利技术实施例中提供了一种网页标注方法及装置，能够提高网页标注中矢量编辑的性能。为了解决上述技术问题，本专利技术实施例公开了如下技术方案:第一方面，提供一种网页标注方法，包括:通过网页服务器加载第一网页；为所述第一网页加载标注矢量图层；接收用户对所述第一网页进行标注所产生的第一网页标注数据，将所述第一网页标注数据转换为标注矢量数据，并将所述标注矢量数据绘制到所述标注矢量图层；将绘制所述标注矢量数据之后的标注矢量图层与所述第一网页进行叠加，以实现在所述第一网页上显示所述第一网页标注数据。结合上述第一方面，在第一种可能的实现方式中，所述方法还包括:存储所述第一网页标注数据。结合上述第一方面，在第二种可能的实现方式中，所述为所述第一网页加载标注矢量图层，包括:将预先定义的矢量图形绘制对象标签加载于所述第一网页图层之上，所述标签的高度与所述第一网页的高度相等，且透明。结合上述一方面，和第二种可能的实现方式，在第三种可能的实现方式中，所述将所述第一网页标注数据转换为标注矢量数据，包括:将所述第一网页标注数据转换为矢量图形绘制对象应用程序编程接口 API进行调用。结合上述一方面，和第一至第三种可能的实现方式，在第四种可能的实现方式中，所述存储所述第一网页标注数据，包括:调用浏览器内置存储接口，将所述第一网页标注数据在浏览器进行本地存储，同时存储所述第一网页标注数据的特征值，所述第一特征值的存储形式为二元组(第一网页统一资源定位符URL，第一网页内容散列值)形式，所述第一特征值与所述第一网页标注数据 对应。结合上述一方面，和第四种可能的实现方式，在第五种可能的实现方式中，所述方法还包括:当加载第二网页时，获取所述第二网页对应的第二 URL与第二网页内容散列值；当所述第二 URL与所述第一 URL相同，且所述第二网页内容散列值与所述第一网页内容散列值相同，则为所述第二网页加载所述第一网页标注数据；当所述第二 URL与所述第一 URL相同且所述第二网页内容散列值与所述第一网页内容散列值不同，或所述第二 URL与所述第一 URL不同且所述第二网页内容散列值与所述第一网页内容散列值相同，则由用户选择是否加载所述第一网页标注数据；当所述第二 URL与所述第一 URL不同，且所述第二网页内容散列值与所述第一网页内容散列值不同，则不加载所述第一网页标注数据。第二方面，提供一种网页标注装置，包括:网页加载模块，用于通过网页服务器加载第一网页；标注矢量图层模块，用于为所述第一网页加载标注矢量图层；标注数据处理模块，用于接收用户对所述第一网页进行标注所产生的第一网页标注数据，将所述第一网页标注数据转换为标注矢量数据，并将所述标注矢量数据绘制到所述标注矢量图层；网页渲染模块，用于将绘制所述标注矢量数据之后的标注矢量图层与所述第一网页进行叠加，以实现在所述第一网页上显示所述第一网页标注数据。结合上述第二方面，在第一种可能的实现方式中，还包括:存储模块，用于存储所述第一网页标注数据。结合上述第二方面，在第二种可能的实现方式中，所述标注矢量图层模块的实现方式为:将预先定义的矢量图形绘制对象标签加载于所述第一网页图层之上，所述标签的高度与所述第一网页的高度相等，且透明。结合上述第二方面，和第二种可能的实现方式，在第三种可能的实现方式中，所述标注数据处理模块，将所述第一网页标注数据转换为矢量图形绘制对象API进行调用。结合上述第二方面，和第一至第三种可能的实现方式，在第四种可能的实现方式中，所述存储模块，包括:第一存储单元，用于调用浏览器内置存储接口，将所述第一网页标注数据在浏览器进行本地存储；第二存储单元，用于存储所述第一网页标注数据的特征值；所述第一特征值的存储形式为二元组(第一网页统一资源定位符URL，第一网页内容散列值)形式，所述第一特征值与所述第一网页标注数据一一对应。结合上述第二方面，和第四种可能的实现方式，在第五种可能的实现方式中，还包括:第二网页属性获取模块，用于当加载第二网页时，获取所述第二网页对应的第二URL与第二网页内容散列值；判断模块，用于判断所述第二 URL与所述第一 URL是否相同，且所述第二网页内容散列值与所述第一网页内容散列值是否相同；结果模块，用于当所述第二 URL与所述第一 URL相同，且所述第二网页内容散列值与所述第一网页内容散列值相同，则所述第二网页为所述第一网页，为所述第二网页加载所述第一网页标注数据；当所述第二 URL与所述第一 URL相同且所述第二网页内容散列值与所述第一网页内容散列值不同，或所述第二 URL与所述第一 URL不同且所述第二网页内容散列值与所述第一网页内容散列值相同，则由用户选择是否加载所述第一网页标注数据；当所述第二URL与所述第一URL不同，且所述第二网页内容散列值与所述第一网页内容散列值不同，则不加载所述第一网页标注数据。本专利技术实施例中，当客户端浏览器上加载网页时，通过客户端浏览器为该网页单独创建一个标注矢量图层，当用户对该网页添加标注时，将针对该网页标注的数据转换本文档来自技高网...

【技术保护点】
一种网页标注方法，其特征在于，包括：通过网页服务器加载第一网页；为所述第一网页加载标注矢量图层；接收用户对所述第一网页进行标注所产生的第一网页标注数据，将所述第一网页标注数据转换为标注矢量数据，并将所述标注矢量数据绘制到所述标注矢量图层；将绘制所述标注矢量数据之后的标注矢量图层与所述第一网页进行叠加，以实现在所述第一网页上显示所述第一网页标注数据。

【技术特征摘要】

【专利技术属性】
技术研发人员：聂雪军，郭志建，胡敏，
申请(专利权)人：华为技术有限公司，
类型：发明
国别省市：广东;44