【技术实现步骤摘要】
标注图形生成方法及装置
本专利技术涉及图形化标注
,尤其涉及一种标注图形生成方法及装置。
技术介绍
图形化标注技术是指在诸如网页页面、图片、电子文件等标注对象的指定区域上,使用矩形、曲线、点状、箭头等一系列标注图形在该区域上进行标记,并添加注释。例如,在各类文档阅读器中阅读文档时支持用户添加标注、图片预览时支持用户添加标注,普通网页阅读过程中支持用户添加标注,通过图形化标注技术可以提升用户的阅读体验、提高用户粘性。相关技术中,采用Canvas提供的原生接口绘制并存储图片格式的标注图形,当用户再次查看标注对象时,获取图片格式的标注图形并加载到标注对象上。其中,Canvas是HTML5新增的组件,它就像一块幕布,可以用JavaScript在上面绘制各种图表、动画等。这种图片格式的标注图形造成存储的数据量非常之大,降低了系统的处理速度。
技术实现思路
本专利技术旨在至少在一定程度上解决相关技术中的技术问题之一。为此,本专利技术的第一个目的在于提出一种标注图形生成方法。本专利 ...
【技术保护点】
1.一种标注图形生成方法,其特征在于,包括:/n获取针对目标标注对象的原始标注数据,并将所述原始标注数据转化为目标数据格式的目标标注数据,所述目标标注数据包括目标标注形状、标注点的坐标信息集合、目标画笔颜色、目标画笔宽度;/n根据所述目标标注数据确定待绘制的标注图形的目标绘图数据;/n根据所述目标绘图数据进行图形绘制,以生成所述待绘制的标注图形,并保存所述目标绘图数据。/n
【技术特征摘要】
1.一种标注图形生成方法,其特征在于,包括:
获取针对目标标注对象的原始标注数据,并将所述原始标注数据转化为目标数据格式的目标标注数据,所述目标标注数据包括目标标注形状、标注点的坐标信息集合、目标画笔颜色、目标画笔宽度;
根据所述目标标注数据确定待绘制的标注图形的目标绘图数据;
根据所述目标绘图数据进行图形绘制,以生成所述待绘制的标注图形,并保存所述目标绘图数据。
2.如权利要求1所述的方法,其特征在于,所述根据所述目标标注数据确定待绘制的标注图形的目标绘图数据,包括:
在所述目标标注形状为矩形时,将所述坐标信息集合中第一个数值作为所述待绘制的标注图形的左上角的顶点坐标,将所述坐标信息集合中的第二个数值作为所述待绘制的标注图形的右下角的顶点坐标;
根据所述左上角的顶点坐标、所述右下角的顶点坐标以及几何关系,计算所述待绘制的标注图形的宽度值和高度值;
将所述左上角的顶点坐标、所述宽度值和所述高度值、所述目标画笔颜色、所述目标画笔宽度作为所述待绘制的标注图形的目标绘图数据。
3.如权利要求1所述的方法,其特征在于,所述根据所述目标标注数据确定待绘制的标注图形的目标绘图数据,包括:
在所述目标标注形状为曲线时,将所述坐标信息集合中各个数值作为围成所述待绘制的所述标注图形的各个点的坐标;
将所述各个点的坐标、所述目标画笔颜色、所述目标画笔宽度作为所述待绘制的标注图形的目标绘图数据。
4.如权利要求1所述的方法,其特征在于,所述根据所述目标标注数据确定待绘制的标注图形的目标绘图数据,包括:
在所述目标标注形状为椭圆形时,将所述坐标信息集合中的第一个数值作为包围所述待绘制的标注图形的外部框的左上角的顶点坐标,将所述坐标信息集合中的第二个数值作为所述外部框的右下角的顶点坐标;
根据所述左上角的顶点坐标、所述右下角的顶点坐标以及几何关系,计算所述标注图形的中心点的坐标、水平半径和垂直半径;
将所述中心点的坐标、所述水平半径和所述垂直半径、所述目标画笔颜色、所述目标画笔宽度作为所述待绘制的标注图形的目标绘图数据。
5.如权利要求1所述的方法,其特征在于,所述根据所述目标标注数据确定待绘制的标注图形的目标绘图数据,包括:
在所述目标标注形状为箭头时,将所述坐标信息集合中的第一个数值作为所述待绘制的标注图形的背离箭头侧的起...
【专利技术属性】
技术研发人员:张达铭,周鸿轩,
申请(专利权)人:百度在线网络技术北京有限公司,
类型:发明
国别省市:北京;11
还没有人留言评论。发表了对其他浏览者有用的留言会获得科技券。