CN111415398B - 一种在显示屏上显示批注的方法及装置 - Google Patents

一种在显示屏上显示批注的方法及装置 Download PDF

Info

Publication number
CN111415398B
CN111415398B CN201910015160.6A CN201910015160A CN111415398B CN 111415398 B CN111415398 B CN 111415398B CN 201910015160 A CN201910015160 A CN 201910015160A CN 111415398 B CN111415398 B CN 111415398B
Authority
CN
China
Prior art keywords
annotation
layer
background picture
transparent view
annotation information
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.)
Active
Application number
CN201910015160.6A
Other languages
English (en)
Other versions
CN111415398A (zh
Inventor
史海南
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Hangzhou Hikvision Digital Technology Co Ltd
Original Assignee
Hangzhou Hikvision Digital Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Hangzhou Hikvision Digital Technology Co Ltd filed Critical Hangzhou Hikvision Digital Technology Co Ltd
Priority to CN201910015160.6A priority Critical patent/CN111415398B/zh
Publication of CN111415398A publication Critical patent/CN111415398A/zh
Application granted granted Critical
Publication of CN111415398B publication Critical patent/CN111415398B/zh
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/80Creating or modifying a manually drawn or painted image using a manual input device, e.g. mouse, light pen, direction keys on keyboard
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0484Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range
    • G06F3/04845Interaction techniques based on graphical user interfaces [GUI] for the control of specific functions or operations, e.g. selecting or manipulating an object, an image or a displayed text element, setting a parameter value or selecting a range for image manipulation, e.g. dragging, rotation, expansion or change of colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F3/00Input arrangements for transferring data to be processed into a form capable of being handled by the computer; Output arrangements for transferring data from processing unit to output unit, e.g. interface arrangements
    • G06F3/01Input arrangements or combined input and output arrangements for interaction between user and computer
    • G06F3/048Interaction techniques based on graphical user interfaces [GUI]
    • G06F3/0487Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser
    • G06F3/0488Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures
    • G06F3/04883Interaction techniques based on graphical user interfaces [GUI] using specific features provided by the input device, e.g. functions controlled by the rotation of a mouse with dual sensing arrangements, or of the nature of the input device, e.g. tap gestures based on pressure sensed by a digitiser using a touch-screen or digitiser, e.g. input of commands through traced gestures for inputting data by handwriting, e.g. gesture or text
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06FELECTRIC DIGITAL DATA PROCESSING
    • G06F9/00Arrangements for program control, e.g. control units
    • G06F9/06Arrangements for program control, e.g. control units using stored programs, i.e. using an internal store of processing equipment to receive or retain programs
    • G06F9/44Arrangements for executing specific programs
    • G06F9/451Execution arrangements for user interfaces

Landscapes

  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • General Engineering & Computer Science (AREA)
  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Human Computer Interaction (AREA)
  • Software Systems (AREA)
  • User Interface Of Digital Computer (AREA)

Abstract

本发明实施例公开了一种在显示屏上显示批注的方法及装置,涉及电子显示技术领域,解决了在对已显示的批注整体移动或缩放时显示屏上批注的显示速度较慢的问题。所述方法包括:创建透明视图层和背景图片层,所述透明视图层覆在所述背景图片层的上层;获取绘制的批注信息;在所述透明视图层上实时绘制所述批注信息对应的批注;在所述背景图片层上绘制所述批注信息对应的图像;清空所述批注信息。本发明实施例主要应用于带有显示屏并需要在显示屏上显示批注的设备。

Description

一种在显示屏上显示批注的方法及装置
技术领域
本发明涉及电子显示技术领域,特别涉及一种在显示屏上显示批注的方法及装置。
背景技术
在电子设备的显示屏上实时显示批注时,现有的方案是根据获取到的绘制的批注信息,在一个视图层上实时绘制所述批注信息对应的批注。使用该类方案,当对已显示的批注整体移动或缩放时,需要根据移动距离或缩放比例对所述批注信息重新计算,并根据计算得到的新的批注信息,对所述视图层进行整体刷新,清空所述视图层并在所述视图层上重新绘制所述新的批注信息对应的批注,实现显示屏上对移动或缩放后的批注的显示。这样,在对已显示的批注整体移动或缩放时,显示屏上批注的显示速度较慢,并且随着已显示的批注数量的增多,会造成显示屏上批注的显示时间积累性延长,从而导致显示速度越来越慢。
发明内容
本发明实施例公开了一种在显示屏上显示批注的方法及装置,以提升在对已显示的批注整体移动或缩放时显示屏上批注的显示速度。
为达到上述目的,本发明实施例公开了一种在显示屏上显示批注的方法,所述方法包括:
创建透明视图层和背景图片层,所述透明视图层覆在所述背景图片层的上层;
获取绘制的批注信息;
在所述透明视图层上实时绘制所述批注信息对应的批注;
在所述背景图片层上绘制所述批注信息对应的图像;
清空所述批注信息。
可选的,所述透明视图层与所述背景图片层的重叠区域和所述透明视图层所框定的区域大小相同。
可选的,所述背景图片层为透明背景图片层。
可选的,所述获取绘制的批注信息为:
按照批注的断点获取当前批注的绘制的批注信息;或者
按照预设的时间间隔获取当前预设时间间隔内的绘制的批注信息。
可选的,所述在所述背景图片层上绘制所述批注信息对应的图像包括:
根据所述批注信息生成图像信息;
将所述图像信息对应的图像合成到所述背景图片层上。
可选的,在所述清空所述批注信息后,所述方法还包括:
清空所述透明视图层。
为达到上述目的,本发明实施例还公开了一种在显示屏上显示批注的装置,所述装置包括:
创建模块,用于创建透明视图层和背景图片层,所述透明视图层覆在所述背景图片层的上层;
批注信息获取模块,用于获取绘制的批注信息;
透明视图层绘制模块,用于在所述透明视图层上实时绘制所述批注信息对应的批注;
背景图片层绘制模块,用于在所述背景图片层上绘制所述批注信息对应的图像;
批注信息清空模块,用于清空所述批注信息。
可选的,所述创建模块,用于创建透明视图层和背景图片层,所述透明视图层与所述背景图片层的重叠区域和所述透明视图层所框定的区域大小相同。
可选的,所述创建模块,用于创建透明背景图片层。
可选的,所述批注信息获取模块,用于按照批注的断点获取当前批注的绘制的批注信息;或者用于按照预设的时间间隔获取当前预设时间间隔内的绘制的批注信息。
可选的,所述背景图片层绘制模块,用于根据所述批注信息生成图像信息,并将所述图像信息对应的图像合成到所述背景图片层上。
可选的,所述装置还包括:
透明视图层清空模块,用于在所述清空所述批注信息后,清空所述透明视图层。
为达到上述目的,本发明实施例还公开了一种电子设备,包括处理器、存储器,其中,
存储器,用于存放计算机程序;
处理器,用于执行存储器上所存放的程序时,实现本发明实施例所提供的一种在显示屏上显示批注的方法的步骤。
为达到上述目的,本发明实施例还公开了一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现本发明实施例所提供的一种在显示屏上显示批注的方法的步骤。
本发明实施例提供了一种在显示屏上显示批注的方法、装置、电子设备及计算机可读存储介质,本发明使用了透明视图层和背景图片层,所述透明视图层覆在所述背景图片层的上层;通过获取绘制的批注信息并在所述透明视图层上实时绘制所述批注信息对应的批注,实现在显示屏上显示所述批注;通过在所述透明视图层上实时绘制所述批注后,在所述背景图片层上绘制所述批注信息对应的图像并清空所述批注信息,将所述批注信息对应的图像合成至所述背景图片层,使得在对已显示的批注整体移动或缩放时,由于所述批注信息已被清空,在对所述透明视图层整体刷新时,清空所述透明视图层后不用在所述透明视图层上进行绘制操作,只需要根据移动距离或缩放比例对所述背景图片层重新显示,实现显示屏上对移动或缩放后的批注的显示,由于所述背景图片层的显示速度比在所述透明视图层上绘制批注的速度快,从而提升了在对已显示的批注整体移动或缩放时显示屏上批注的显示速度,并且每次在对已显示的批注整体移动或缩放时,显示屏上批注的显示时间为所述背景图片层的重新显示时间,随着已显示的批注数量的增多,不会造成显示屏上批注的显示时间积累性延长。
附图说明
为了更清楚地说明本发明实施例或现有技术中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本发明的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动的前提下,还可以根据这些附图获得其他的附图。
图1为本发明实施例提供的一种在显示屏上显示批注的方法的流程示意图;
图2为本发明实施例提供的另一种在显示屏上显示批注的方法的流程示意图;
图3为本发明实施例提供的一种在显示屏上显示批注的装置的结构示意图;
图4为本发明实施例提供的另一种在显示屏上显示批注的装置的结构示意图;
图5为本发明实施例提供的一种电子设备的结构示意图。
具体实施方式
下面将结合本发明实施例中的附图,对本发明实施例中的技术方案进行清楚、完整地描述,显然,所描述的实施例仅仅是本发明一部分实施例,而不是全部的实施例。基于本发明中的实施例,本领域普通技术人员在没有作出创造性劳动前提下所获得的所有其他实施例,都属于本发明保护的范围。
参考图1,图1为本发明实施例提供的一种在显示屏上显示批注的方法的流程示意图,该方法包括:
S101:创建透明视图层和背景图片层,所述透明视图层覆在所述背景图片层的上层。
所述透明视图层是一个用来根据批注信息实时绘制批注的透明绘制区域,所述背景图片层是一张由像素点构成的图片。这里,所述透明视图层覆在所述背景图片层的上层,使得在所述透明视图层上绘制的批注不会被所述背景图片层遮盖;所述透明视图层为透明,使得可以透过所述透明视图层,看到所述背景图片层。
由于所述透明视图层覆在所述背景图片层的上层,所述透明视图层和所述背景图片层存在重叠区域。在实际操作中,可以在所述透明视图层中与所述背景图片层重叠的区域内绘制批注。这样,保证了在所述透明视图层中的批注一定能在所述背景图片层中找到对应的区域,将所述批注在所述背景图片层的对应区域显示,实现在所述透明视图层中清空所述批注后,透过所述透明视图层被清空前所述批注所在的区域,能够完整地看到所述背景图片层中的所述批注。
S102:获取绘制的批注信息。
具体地,根据绘制标识物在所述显示屏上经过的轨迹,获取绘制的批注信息。所述绘制标识物可以为鼠标,特别地,当所述显示屏为触摸式显示屏时,所述绘制标识物可以为手指或触摸笔。
所述批注信息可以包括笔迹的坐标、粗细、颜色、笔形等绘制需要的关键信息。其中,坐标为所述绘制标识物在所述显示屏上经过的轨迹坐标;笔迹的粗细、颜色和笔形可以由用户事先选择;当所述绘制标识物为手指或触摸笔时,笔迹的粗细也可以通过检测触摸压力值转换得到。
S103:在所述透明视图层上实时绘制所述批注信息对应的批注。
具体地,针对一些受到系统环境限制、需要对所述透明视图层频繁执行整体刷新操作来实时显示所述批注信息对应的批注的电子设备,在所述透明视图层上实时绘制所述批注信息对应的批注时,需要对所述透明视图层的所有区域实时刷新,在执行每次刷新操作时,对所述透明视图层的所有区域清空并绘制所有区域当前对应的所述批注信息对应的批注,从而保证随着所述绘制标识物在所述显示屏上经过的轨迹,所述显示屏实时显示所述批注。
特殊地,当一些电子设备的系统环境满足可以对所述透明视图层局部区域执行刷新操作时,例如Qt开发环境(一个完整的跨平台软件框架,包含现成的用户界面元素,C++库和完整的集成开发环境)结合Windows操作系统(微软公司研发的视窗操作系统),在所述透明视图层上实时绘制所述批注信息对应的批注时,可以根据所述批注信息,实时确定获取的新的批注信息所在透明视图层的区域,并对所述透明视图层中该区域执行刷新操作,即对该区域清空并绘制所述新的批注信息对应的批注,从而保证随着所述绘制标识物在所述显示屏上经过的轨迹,所述显示屏实时显示所述批注。这里,所述透明视图层不对没有发生变化的区域清空和重新绘制批注,提升了所述显示屏对所述批注实时显示的速度。
S104:在所述背景图片层上绘制所述批注信息对应的图像。
在所述透明视图层上实时绘制所述批注后,在所述背景图片层上绘制所述批注信息对应的图像,使所述批注信息对应的图像合成至所述背景图片层,所述批注信息对应的图像就成为了所述背景图片层的一部分。由于所述透明视图层为透明,当所述透明视图层中所述批注的区域被清空后,仍然可以透过所述透明视图层在所述背景图片层中看到所述批注,所述批注通过所述背景图片层在显示屏上显示。
当需要对已显示的批注整体移动或缩放时,由于所述批注信息对应的图像已经成为了所述背景图片层的一部分,可以根据移动距离或缩放比例对所述背景图片层重新显示来实现显示屏上对移动或缩放后的批注的显示。相较于根据移动距离或缩放比例对已显示的批注的批注信息重新计算,并根据计算得到的新的批注信息,对视图层进行整体刷新,清空视图层并在视图层上重新绘制所述新的批注信息对应的批注,通过根据移动距离或缩放比例对所述背景图片层重新显示来实现显示屏上对移动或缩放后的批注的显示,显示速度更快。
S105:清空所述批注信息。
这样,在对已显示的批注整体移动或缩放时,由于所述批注信息已被清空,在对所述透明视图层整体刷新时,清空所述透明视图层后不用在所述透明视图层上进行绘制操作,只需要根据移动距离或缩放比例对所述背景图片层重新显示,实现显示屏上对移动或缩放后的批注的显示,由于所述背景图片层的显示速度比在所述透明视图层上绘制批注的速度快,从而提升了在对已显示的批注整体移动或缩放时显示屏上批注的显示速度,并且每次在对已显示的批注整体移动或缩放时,显示屏上批注的显示时间为所述背景图片层的重新显示时间,随着已显示的批注数量的增多,不会造成显示屏上批注的显示时间积累性延长。
同时,清空所述批注信息可以减少内存空间的占用率,节省系统资源。
本发明实施例提供了一种在显示屏上显示批注的方法,使得在对已显示的批注整体移动或缩放时,由于所述批注信息已被清空,在对所述透明视图层整体刷新时,清空所述透明视图层后不用在所述透明视图层上进行绘制操作,只需要根据移动距离或缩放比例对所述背景图片层重新显示,实现显示屏上对移动或缩放后的批注的显示,由于所述背景图片层的显示速度比在所述透明视图层上绘制批注的速度快,从而提升了在对已显示的批注整体移动或缩放时显示屏上批注的显示速度,并且每次在对已显示的批注整体移动或缩放时,显示屏上批注的显示时间为所述背景图片层的重新显示时间,随着已显示的批注数量的增多,不会造成显示屏上批注的显示时间积累性延长。
参考图2,图2为本发明实施例提供的另一种在显示屏上显示批注的方法的流程示意图,该方法可以应用于当用户需要绘制批注并在显示屏上显示所述批注时,比如开会时或者阅读文件时,用户点击批注软件启动按钮,当批注软件启动后,执行该方法。该方法包括:
S201:创建透明视图层和透明背景图片层,所述透明视图层覆在所述透明背景图片层的上层且与所述透明背景图片层的重叠区域和所述透明视图层所框定的区域大小相同。
所述透明视图层是一个用来根据批注信息实时绘制批注的透明绘制区域,所述透明背景图片层是一张由像素点构成的透明图片。这里,所述透明视图层覆在所述透明背景图片层的上层,使得在透明视图层上绘制的批注不会被所述透明背景图片层遮盖;所述透明视图层为透明,使得可以透过所述透明视图层,看到所述透明背景图片层。所述透明背景图片层为透明,使得用户在批注的同时,可以看到显示屏中的应用软件如浏览器网页、文本文件等,实现用户可针对应用软件上的内容进行批注,比如针对文本中的句子划横线、对文本中的词语画圈等。
所述透明视图层与所述透明背景图片层的重叠区域和所述透明视图层所框定的区域大小相同,保证了在所述透明视图层中的批注一定能在所述透明背景图片层中找到对应的区域,将所述批注在所述透明背景图片层的对应区域显示,实现在所述透明视图层中清空所述批注后,透过所述透明视图层被清空前所述批注所在的区域,能够完整地看到所述透明背景图片层中的所述批注。
S202:获取绘制的批注信息。
创建透明视图层和透明背景图片层后,实时监听批注事件状态,当监听到当前批注事件状态为开始时,根据绘制标识物在所述显示屏上经过的轨迹,实时生成并存储所述当前批注的批注信息,直到监听到当前批注事件状态为结束为止。
所述绘制标识物可以为鼠标,特别地,当所述显示屏为触摸式显示屏时,所述绘制标识物可以为手指或触摸笔。所述批注信息可以包括笔迹的坐标、粗细、颜色、笔形等绘制需要的关键信息。其中,坐标为所述绘制标识物在所述显示屏上经过的轨迹坐标;笔迹的粗细、颜色和笔形可以由用户事先选择;当所述绘制标识物为手指或触摸笔时,笔迹的粗细也可以通过检测触摸压力值转换得到。
本例中所述步骤S202可以为步骤S2021或者S2022,下面将结合步骤S2021和S2022对所述当前批注事件进行说明。
S2021:按照批注的断点获取当前批注的绘制的批注信息。
所述绘制标识物为鼠标时,当在显示屏上与所述透明视图层区域对应的区域中按下鼠标的特定按键时,当前批注事件开始;当鼠标的特定按键被松开时,即为当前批注的断点,当前批注事件结束。当所述显示屏为触摸式显示屏,所述绘制标识物为手指或触摸笔时,当手指或触摸笔接触到所述触摸式显示屏上与所述透明视图层区域对应的区域时,当前批注事件开始;当手指或触摸笔离开所述触摸式显示屏上与所述透明视图层区域对应的区域时,即为当前批注的断点,当前批注事件结束。
S2022:按照预设的时间间隔获取当前预设时间间隔内的绘制的批注信息。
具体地,每段预设时间间隔内执行一次批注事件。所述绘制标识物为鼠标时,当在显示屏上与所述透明视图层区域对应的区域中按下鼠标的特定按键时,当前批注事件开始,开始计时;当所述显示屏为触摸式显示屏,所述绘制标识物为手指或触摸笔时,当手指或触摸笔接触到所述触摸式显示屏上与所述透明视图层区域对应的区域时,当前批注事件开始,开始计时。当计时时间达到预设时间间隔后,当前批注事件结束,下次批注事件开始。
这样,通过步骤S2021或者S2022,实现了按照批注的断点获取当前批注的绘制的批注信息,或者按照预设的时间间隔获取当前预设时间间隔内的绘制的批注信息。
S203:在所述透明视图层上实时绘制所述批注信息对应的批注;
当前批注事件开始后,在所述透明视图层上实时绘制所述批注信息对应的批注,从而实现对所述批注信息对应的批注的实时显示。
具体地,针对一些受到系统环境限制、需要对所述透明视图层频繁执行整体刷新操作来实时显示所述批注信息对应的批注的电子设备,在执行实时绘制时,需要对所述透明视图层的所有区域实时刷新,每次刷新时都需要对所述透明视图层的所有区域清空并绘制所有区域当前对应的所述批注信息对应的批注,从而保证随着所述绘制标识物在所述显示屏上经过的轨迹,所述显示屏实时显示所述批注。
特殊地,当一些电子设备的系统环境满足可以对所述透明视图层局部区域执行刷新操作时,例如Qt开发环境(一个完整的跨平台软件框架,包含现成的用户界面元素,C++库和完整的集成开发环境)结合Windows操作系统(微软公司研发的视窗操作系统),在所述透明视图层上实时绘制所述批注信息对应的批注时,可以根据所述批注信息,实时确定获取的新的批注信息所在透明视图层的区域,并对所述透明视图层中该区域刷新,对该区域清空并绘制所述新的批注信息对应的批注,从而保证随着所述绘制标识物在所述显示屏上经过的轨迹,所述显示屏实时显示所述批注。这里,不对所述透明视图层中没有发生变化的区域清空和重新绘制批注,提升了所述显示屏对所述批注实时显示的速度。
S204:根据所述批注信息生成图像信息。
具体地,当前批注事件结束后,所述当前批注已在所述透明视图层完整绘制,根据存储的所述批注信息,将所述批注信息处理为与所述透明背景图片层信息同一属性的图像信息,例如可以使用贝塞尔曲线平滑将所述批注信息中的坐标点转为连在一起的线。
S205:将所述图像信息对应的图像合成到所述透明背景图片层上。
在将所述批注信息处理为与所述透明背景图片层信息同一属性的图像信息后,根据所述图像信息修改所述透明背景图片层信息,使得修改后的所述透明背景图片层信息中含有所述图像信息。
在修改完所述透明背景图片层信息后,显卡对所述透明背景图片层中含有所述图像信息对应的图像的区域进行刷新显示,所述显卡根据所述图像信息确定所述图像信息对应的图像在所述透明背景图片层中的区域,将该区域的所述透明背景图片层信息并行输入显存中,通过多线程计算处理并行显示所述透明背景图片层中含有所述图像信息对应的图像的区域。
这样,将所述图像信息对应的图像合成到所述透明背景图片层上,使所述批注信息对应的图像合成至所述透明背景图片层,所述批注信息对应的图像就成为了所述透明背景图片层的一部分。由于所述透明视图层为透明,当所述透明视图层中所述批注的区域被清空后,仍然可以透过所述透明视图层在所述透明背景图片层中看到所述批注,所述批注通过所述透明背景图片层在显示屏上显示。
当需要对已显示的批注整体移动或缩放时,由于所述批注信息对应的图像已经成为了所述透明背景图片层的一部分,可以根据移动距离或缩放比例对所述透明背景图片层重新显示来实现显示屏上对移动或缩放后的批注的显示。相较于根据移动距离或缩放比例对已显示的批注的批注信息重新计算,并根据计算得到的新的批注信息,对视图层进行整体刷新,清空视图层并在视图层上重新绘制所述新的批注信息对应的批注,通过根据移动距离或缩放比例对所述透明背景图片层重新显示来实现显示屏上对移动或缩放后的批注的显示,显示速度更快。
另外,在执行多次批注事件的过程中,每次批注事件结束后,已结束的批注事件中的批注信息所对应的图像都已被合成在所述透明背景图片层中。通过将所述批注信息对应的图像合成至所述透明背景图片层来完成对当前所有批注的显示,相较于对整个视图层区域执行一次刷新操作,重新绘制当前所有批注,由于计算机执行合成图片的操作所花的时间远少于对整个视图层执行绘制操作的时间,极大地节省了系统资源,并且,由于每次批注事件结束后,计算机都是将当前批注事件获取的所述批注信息对应的图像合成至所述透明背景图片层,所以在每次批注事件结束后,计算机执行操作的时间不会随着当前已显示批注数量的增加而积累性延长。
S206:清空所述批注信息。
在对所述透明背景图片层中含有所述图像信息对应的图像的区域进行刷新显示完成后,清空已存储的所述批注信息。
这样,在执行多次批注事件的过程中,保证了下次批注事件的过程中,在所述透明视图层上实时绘制所述批注信息对应的批注时,所述批注信息仅为下次批注事件获取到的批注信息。下次批注事件过程中,当在所述透明视图层上实时绘制所述批注信息对应的批注时,由于一些电子设备受到系统环境限制,需要对所述透明视图层频繁执行整体刷新操作,在执行每次刷新操作时,对所述透明视图层的所有区域清空并绘制所有区域当前对应的所述批注信息对应的批注,而此时所述批注信息仅为当次批注事件获取到的批注信息,已结束的批注事件中的批注信息已被清空,使得所述透明视图层只对当次批注事件获取到的批注信息对应的批注进行实时绘制,不用对已结束的批注事件中的批注进行重新绘制,减少了所述透明视图层每次批注事件过程中对获取到的批注信息对应的批注绘制的时间。
在对已显示的批注整体移动或缩放时,由于所述批注信息已被清空,在对所述透明视图层整体刷新时,清空所述透明视图层后不用在所述透明视图层上进行绘制操作,只需要根据移动距离或缩放比例对所述透明背景图片层重新显示,实现显示屏上对移动或缩放后的批注的显示,由于所述透明背景图片层的显示速度比在所述透明视图层上绘制批注的速度快,从而提升了在对已显示的批注整体移动或缩放时显示屏上批注的显示速度,并且每次在对已显示的批注整体移动或缩放时,显示屏上批注的显示时间为所述背景图片层的重新显示时间,随着已显示的批注数量的增多,不会造成显示屏上批注的显示时间积累性延长。
同时,清空所述批注信息可以减少内存空间的占用率,节省系统资源。
S207:清空所述批注信息后,清空所述透明视图层。
具体地,在将已存储的所述批注信息清空后,对整个所述透明视图层区域执行一次刷新操作,即对所述透明视图层的所有区域清空并绘制所有区域当前对应的批注信息对应的批注,由于此时所述批注信息已为空,对整个所述透明视图层区域执行一次刷新操作后,所述透明视图层中不会有任何批注,从而实现对所述透明视图层清空,减少内存空间的占用率,节省系统资源。
本发明实施例提供了另一种在显示屏上显示批注的方法,在执行多次批注事件的过程中,已结束的批注事件中的批注信息所对应的图像都已被合成在所述透明背景图片层中,可以透过所述透明视图层在所述透明背景图片层中看到,所述透明视图层在当前批注事件进行过程中只实时绘制所述当前批注,从而提升了在当前批注事件过程中显示屏上当前批注的显示速度。在对已显示的批注整体移动或缩放时,由于所述批注信息已被清空,在对所述透明视图层整体刷新时,清空所述透明视图层后不用在所述透明视图层上进行绘制操作,只需要根据移动距离或缩放比例对所述透明背景图片层重新显示,实现显示屏上对移动或缩放后的批注的显示,由于所述透明背景图片层的显示速度比在所述透明视图层上绘制批注的速度快,从而提升了在对已显示的批注整体移动或缩放时显示屏上批注的显示速度,并且每次在对已显示的批注整体移动或缩放时,显示屏上批注的显示时间为所述背景图片层的重新显示时间,随着已显示的批注数量的增多,不会造成显示屏上批注的显示时间积累性延长。
参考图3,图3为本发明实施例提供的一种在显示屏上显示批注的装置的结构示意图,该装置包括:
创建模块301,用于创建透明视图层和背景图片层,所述透明视图层覆在所述背景图片层的上层;
批注信息获取模块302,用于获取绘制的批注信息;
透明视图层绘制模块303,用于在所述透明视图层上实时绘制所述批注信息对应的批注;
背景图片层绘制模块304,用于在所述背景图片层上绘制所述批注信息对应的图像;
批注信息清空模块305,用于清空所述批注信息。
本发明实施例提供了一种在显示屏上进行绘制的装置,使得在对已显示的批注整体移动或缩放时,由于所述批注信息已被批注信息清空模块清空,在对所述透明视图层整体刷新时,清空所述透明视图层后不用在所述透明视图层上进行绘制操作,只需要根据移动距离或缩放比例对所述背景图片层重新显示,实现显示屏上对移动或缩放后的批注的显示,由于所述背景图片层的显示速度比在所述透明视图层上绘制批注的速度快,从而提升了在对已显示的批注整体移动或缩放时显示屏上批注的显示速度,并且每次在对已显示的批注整体移动或缩放时,显示屏上批注的显示时间为所述背景图片层的重新显示时间,随着已显示的批注数量的增多,不会造成显示屏上批注的显示时间积累性延长。
参考图4,图4为本发明实施例提供的另一种显示屏上显示批注的装置的结构示意图,该装置包括:
创建模块401,用于创建透明视图层和透明背景图片层,所述透明视图层覆在所述透明背景图片层的上层且与所述透明背景图片层的重叠区域和所述透明视图层所框定的区域大小相同。
批注信息获取模块402,用于按照批注的断点获取当前批注的绘制的批注信息;或者用于按照预设的时间间隔获取当前预设时间间隔内的绘制的批注信息。
透明视图层绘制模块403,用于在所述透明视图层上实时绘制所述批注信息对应的批注。
背景图片层绘制模块404,用于根据所述批注信息生成图像信息,并将所述图像信息对应的图像合成到所述透明背景图片层上。
批注信息清空模块405,用于清空所述批注信息。
透明视图层清空模块406,用于在所述清空所述批注信息后,清空所述透明视图层。
本发明实施例提供了另一种在显示屏上显示批注的装置,在执行多次批注事件的过程中,已结束的批注事件中的批注信息所对应的图像都已被所述背景图片层绘制模块合成在所述透明背景图片层中,可以透过所述透明视图层在所述透明背景图片层中看到,所述透明视图层绘制模块在当前批注事件进行过程中只在所述透明视图层实时绘制所述当前批注,从而提升了在当前批注事件过程中显示屏上当前批注的显示速度。在对已显示的批注整体移动或缩放时,由于所述批注信息已被所述批注信息清空模块清空,在对所述透明视图层整体刷新时,清空所述透明视图层后不用在所述透明视图层上进行绘制操作,只需要根据移动距离或缩放比例对所述透明背景图片层重新显示,实现显示屏上对移动或缩放后的批注的显示,由于所述透明背景图片层的显示速度比在所述透明视图层上绘制批注的速度快,从而提升了在对已显示的批注整体移动或缩放时显示屏上批注的显示速度,并且每次在对已显示的批注整体移动或缩放时,显示屏上批注的显示时间为所述背景图片层的重新显示时间,随着已显示的批注数量的增多,不会造成显示屏上批注的显示时间积累性延长。
参考图5,图5为本发明实施例提供的一种电子设备的结构示意图,该设备包括:
存储器501,用于存放计算机程序;
处理器502,用于执行存储器上所存放的程序时,实现上述实施例所提供的一种在显示屏上显示批注的方法的步骤。
本发明实施例提供了一种电子设备,使得在对已显示的批注整体移动或缩放时,由于所述批注信息已被清空,在对所述透明视图层整体刷新时,清空所述透明视图层后不用在所述透明视图层上进行绘制操作,只需要根据移动距离或缩放比例对所述背景图片层重新显示,实现显示屏上对移动或缩放后的批注的显示,由于所述背景图片层的显示速度比在所述透明视图层上绘制批注的速度快,从而提升了在对已显示的批注整体移动或缩放时显示屏上批注的显示速度,并且每次在对已显示的批注整体移动或缩放时,显示屏上批注的显示时间为所述背景图片层的重新显示时间,随着已显示的批注数量的增多,不会造成显示屏上批注的显示时间积累性延长。
本发明实施例还提供了一种计算机可读存储介质,所述计算机可读存储介质内存储有计算机程序,所述计算机程序被处理器执行时实现本发明实施例所提供的一种在显示屏上显示批注的方法的步骤,使得在对已显示的批注整体移动或缩放时,由于所述批注信息已被清空,在对所述透明视图层整体刷新时,清空所述透明视图层后不用在所述透明视图层上进行绘制操作,只需要根据移动距离或缩放比例对所述背景图片层重新显示,实现显示屏上对移动或缩放后的批注的显示,由于所述背景图片层的显示速度比在所述透明视图层上绘制批注的速度快,从而提升了在对已显示的批注整体移动或缩放时显示屏上批注的显示速度,并且每次在对已显示的批注整体移动或缩放时,显示屏上批注的显示时间为所述背景图片层的重新显示时间,随着已显示的批注数量的增多,不会造成显示屏上批注的显示时间积累性延长。
对于装置、电子设备和计算机可读存储介质实施例而言,由于其基本相似于方法实施例,所以描述的比较简单,相关之处参见方法实施例的部分说明即可。
在上述实施例中,所述批注可以是线条,也可以是圆形等符号,本申请对此不做任何限定。
本发明的方法能够适用于现有的各种操作系统,如Windows、iOS或Android操作系统,也能够适用于现有的各种带有显示屏的设备,如电脑、平板、手机等。
需要说明的是,在本文中,术语“包括”、“包含”或者其任何其他变体意在涵盖非排他性的包含,从而使得包括一系列要素的过程、方法、物品或者设备不仅包括那些要素,而且还包括没有明确列出的其他要素,或者是还包括为这种过程、方法、物品或者设备所固有的要素。在没有更多限制的情况下,由语句“包括一个……”限定的要素,并不排除在包括所述要素的过程、方法、物品或者设备中还存在另外的相同要素。
本领域普通技术人员可以理解实现上述方法实施方式中的全部或部分步骤是可以通过程序来指令相关的硬件来完成,所述的程序可以存储于计算机可读取存储介质中,这里所称得的存储介质,如:ROM/RAM、磁碟、光盘等。
以上所述仅为本发明的较佳实施例而已,并非用于限定本发明的保护范围。凡在本发明的精神和原则之内所作的任何修改、等同替换、改进等,均包含在本发明的保护范围内。

Claims (12)

1.一种在显示屏上显示批注的方法,其特征在于,所述方法包括:
创建透明视图层和背景图片层,所述透明视图层覆在所述背景图片层的上层,所述透明视图层为实时刷新的图层,所述透明视图层是用于根据批注信息实时绘制批注的透明绘制区域,所述背景图片层是由像素点构成的图片;
获取绘制的批注信息;
在所述透明视图层上实时绘制所述批注信息对应的批注;
在所述背景图片层上绘制所述批注信息对应的图像;
清空所述批注信息;
所述方法还包括:
通过所述背景图片层在显示屏上显示批注;
当对已显示的批注整体移动和/或缩放时,根据移动距离和/或缩放比例对所述背景图片层重新显示,其中,所述背景图片层的显示速度快于在所述透明视图层上绘制批注的速度。
2.根据权利要求1所述的方法,其特征在于,所述透明视图层与所述背景图片层的重叠区域和所述透明视图层所框定的区域大小相同。
3.根据权利要求1所述的方法,其特征在于,所述背景图片层为透明背景图片层。
4.根据权利要求1所述的方法,其特征在于,所述获取绘制的批注信息为:
按照批注的断点获取当前批注的绘制的批注信息;或者
按照预设的时间间隔获取当前预设时间间隔内的绘制的批注信息。
5.根据权利要求1所述的方法,其特征在于,所述在所述背景图片层上绘制所述批注信息对应的图像包括:
根据所述批注信息生成图像信息;
将所述图像信息对应的图像合成到所述背景图片层上。
6.根据权利要求1至5中任意一项所述的方法,其特征在于,在所述清空所述批注信息后,所述方法还包括:
清空所述透明视图层。
7.一种在显示屏上显示批注的装置,其特征在于,所述装置包括:
创建模块,用于创建透明视图层和背景图片层,所述透明视图层覆在所述背景图片层的上层,所述透明视图层为实时刷新的图层,所述透明视图层是用于根据批注信息实时绘制批注的透明绘制区域,所述背景图片层是由像素点构成的图片;
批注信息获取模块,用于获取绘制的批注信息;
透明视图层绘制模块,用于在所述透明视图层上实时绘制所述批注信息对应的批注;
背景图片层绘制模块,用于在所述背景图片层上绘制所述批注信息对应的图像;
批注信息清空模块,用于清空所述批注信息;
所述装置还用于:
通过所述背景图片层在显示屏上显示批注;
当对已显示的批注整体移动和/或缩放时,根据移动距离和/或缩放比例对所述背景图片层重新显示,其中,所述背景图片层的显示速度快于在所述透明视图层上绘制批注的速度。
8.根据权利要求7所述的装置,其特征在于,所述创建模块,用于创建透明视图层和背景图片层,所述透明视图层与所述背景图片层的重叠区域和所述透明视图层所框定的区域大小相同。
9.根据权利要求7所述的装置,其特征在于,所述创建模块,用于创建透明背景图片层。
10.根据权利要求7所述的装置,其特征在于,所述批注信息获取模块,用于按照批注的断点获取当前批注的绘制的批注信息;或者用于按照预设的时间间隔获取当前预设时间间隔内的绘制的批注信息。
11.根据权利要求7所述的装置,其特征在于,所述背景图片层绘制模块,用于根据所述批注信息生成图像信息,并将所述图像信息对应的图像合成到所述背景图片层上。
12.根据权利要求7至11中任意一项所述的装置,其特征在于,所述装置还包括:
透明视图层清空模块,用于在所述清空所述批注信息后,清空所述透明视图层。
CN201910015160.6A 2019-01-08 2019-01-08 一种在显示屏上显示批注的方法及装置 Active CN111415398B (zh)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201910015160.6A CN111415398B (zh) 2019-01-08 2019-01-08 一种在显示屏上显示批注的方法及装置

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201910015160.6A CN111415398B (zh) 2019-01-08 2019-01-08 一种在显示屏上显示批注的方法及装置

Publications (2)

Publication Number Publication Date
CN111415398A CN111415398A (zh) 2020-07-14
CN111415398B true CN111415398B (zh) 2024-01-05

Family

ID=71494303

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201910015160.6A Active CN111415398B (zh) 2019-01-08 2019-01-08 一种在显示屏上显示批注的方法及装置

Country Status (1)

Country Link
CN (1) CN111415398B (zh)

Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0778062A (ja) * 1993-06-30 1995-03-20 Canon Inc コメント表示方法及び文書処理装置
GB0617294D0 (en) * 2006-09-01 2006-10-11 Visual Technology Services Ltd 3d document generator
CN103631496A (zh) * 2007-01-05 2014-03-12 苹果公司 利用触摸敏感设备控制、操纵和编辑媒体文件的姿态
JP2014186568A (ja) * 2013-03-25 2014-10-02 Geo Technical Laboratory Co Ltd 3次元画像出力装置および背景画像生成装置
CN105074640A (zh) * 2013-01-15 2015-11-18 微软技术许可有限责任公司 通过自由形式的草绘来参与演示
WO2016086024A2 (en) * 2014-11-18 2016-06-02 Padubrin Harry Friedbert Learning contour identification system using portable contour metrics derived from contour mappings
CN106055203A (zh) * 2016-05-27 2016-10-26 努比亚技术有限公司 一种通知消息浮动显示方法、装置和移动终端
CN106598928A (zh) * 2016-12-01 2017-04-26 广州视源电子科技股份有限公司 一种在显示屏上进行批注的方法及其系统
AU2017216475B1 (en) * 2016-09-06 2017-09-07 Apple Inc. Devices, methods, and graphical user interfaces for haptic mixing
CN107168674A (zh) * 2017-06-19 2017-09-15 浙江工商大学 投屏批注方法和系统
CN107797971A (zh) * 2017-10-11 2018-03-13 广州视源电子科技股份有限公司 文档批注方法、装置和电子设备
WO2018077017A1 (zh) * 2016-10-31 2018-05-03 广州视源电子科技股份有限公司 基于触摸显示屏的批注显示方法和装置
WO2018128460A1 (ko) * 2017-01-06 2018-07-12 삼성전자주식회사 화면을 표시하기 위한 방법 및 그 전자 장치

Family Cites Families (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
US11550993B2 (en) * 2015-03-08 2023-01-10 Microsoft Technology Licensing, Llc Ink experience for images

Patent Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
JPH0778062A (ja) * 1993-06-30 1995-03-20 Canon Inc コメント表示方法及び文書処理装置
GB0617294D0 (en) * 2006-09-01 2006-10-11 Visual Technology Services Ltd 3d document generator
CN103631496A (zh) * 2007-01-05 2014-03-12 苹果公司 利用触摸敏感设备控制、操纵和编辑媒体文件的姿态
CN105074640A (zh) * 2013-01-15 2015-11-18 微软技术许可有限责任公司 通过自由形式的草绘来参与演示
JP2014186568A (ja) * 2013-03-25 2014-10-02 Geo Technical Laboratory Co Ltd 3次元画像出力装置および背景画像生成装置
WO2016086024A2 (en) * 2014-11-18 2016-06-02 Padubrin Harry Friedbert Learning contour identification system using portable contour metrics derived from contour mappings
CN106055203A (zh) * 2016-05-27 2016-10-26 努比亚技术有限公司 一种通知消息浮动显示方法、装置和移动终端
AU2017216475B1 (en) * 2016-09-06 2017-09-07 Apple Inc. Devices, methods, and graphical user interfaces for haptic mixing
WO2018077017A1 (zh) * 2016-10-31 2018-05-03 广州视源电子科技股份有限公司 基于触摸显示屏的批注显示方法和装置
CN106598928A (zh) * 2016-12-01 2017-04-26 广州视源电子科技股份有限公司 一种在显示屏上进行批注的方法及其系统
WO2018128460A1 (ko) * 2017-01-06 2018-07-12 삼성전자주식회사 화면을 표시하기 위한 방법 및 그 전자 장치
CN107168674A (zh) * 2017-06-19 2017-09-15 浙江工商大学 投屏批注方法和系统
CN107797971A (zh) * 2017-10-11 2018-03-13 广州视源电子科技股份有限公司 文档批注方法、装置和电子设备

Also Published As

Publication number Publication date
CN111415398A (zh) 2020-07-14

Similar Documents

Publication Publication Date Title
US8850353B2 (en) Method and system for overlaying space-constrained display with a reference pattern during document scrolling operations
CN112181226B (zh) 用于提供内容的方法和装置
US20150363366A1 (en) Optimized document views for mobile device interfaces
JP6189451B2 (ja) 手書き文書情報を処理するための電子機器および方法
US7962846B2 (en) Organization of annotated clipping views
US20070038955A1 (en) Pen-based computer system having first and second windows together with second window locator within first window
JP6270565B2 (ja) 電子機器および方法
JP2003303047A (ja) 画像入力及び表示システム、ユーザインタフェースの利用方法並びにコンピュータで使用可能な媒体を含む製品
EP2908212A2 (en) Electronic map touch method and device
KR20100135281A (ko) 손으로 그려진 표를 인식하기 위한 방법 및 툴
JP2011129092A (ja) 描画処理システム、サーバ装置、ユーザ端末、描画処理方法、プログラム及び記録媒体
US9280524B2 (en) Combining a handwritten marking with a rendered symbol to modify the rendered symbol
CN106598928B (zh) 一种在显示屏上进行批注的方法及其系统
JP2009151792A (ja) 電子文書をマーキングする方法及び命令と共に記録媒体を有する製品
CN104794106A (zh) 一种批注方法及装置
CN115878935B (zh) 一种图表的局部刷新方法、系统、装置、设备及介质
US20140208246A1 (en) Supporting user interactions with rendered graphical objects
US8902259B1 (en) Finger-friendly content selection interface
US20150058710A1 (en) Navigating fixed format document in e-reader application
US20140351745A1 (en) Content navigation having a selection function and visual indicator thereof
US8018452B1 (en) Incremental update of complex artwork rendering
CN111415398B (zh) 一种在显示屏上显示批注的方法及装置
US20140212043A1 (en) Character display apparatus, character display method, and computer readable medium
TWI511020B (zh) 頁面顯示方法,電子裝置,程式產品
CN105278820B (zh) 显示方法和装置

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
GR01 Patent grant
GR01 Patent grant