CN108304132B - 图形显示方法、装置、设备及存储介质 - Google Patents
图形显示方法、装置、设备及存储介质 Download PDFInfo
- Publication number
- CN108304132B CN108304132B CN201810053481.0A CN201810053481A CN108304132B CN 108304132 B CN108304132 B CN 108304132B CN 201810053481 A CN201810053481 A CN 201810053481A CN 108304132 B CN108304132 B CN 108304132B
- Authority
- CN
- China
- Prior art keywords
- text box
- track
- text
- line
- touch
- 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
Links
- 238000000034 method Methods 0.000 title claims abstract description 53
- 229910003460 diamond Inorganic materials 0.000 claims description 15
- 239000010432 diamond Substances 0.000 claims description 15
- 230000006870 function Effects 0.000 description 17
- 238000010586 diagram Methods 0.000 description 15
- 230000002452 interceptive effect Effects 0.000 description 12
- 230000004048 modification Effects 0.000 description 4
- 238000012986 modification Methods 0.000 description 4
- 230000008520 organization Effects 0.000 description 4
- 230000008569 process Effects 0.000 description 4
- 230000008901 benefit Effects 0.000 description 3
- 238000007493 shaping process Methods 0.000 description 3
- 230000009286 beneficial effect Effects 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 206010063385 Intellectualisation Diseases 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000010801 machine learning Methods 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000012545 processing Methods 0.000 description 1
- 230000002035 prolonged effect Effects 0.000 description 1
- 230000008707 rearrangement Effects 0.000 description 1
- 239000007787 solid Substances 0.000 description 1
- 238000006467 substitution reaction Methods 0.000 description 1
Images
Classifications
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/048—Interaction techniques based on graphical user interfaces [GUI]
- G06F3/0487—Interaction 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/0488—Interaction 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/04883—Interaction 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
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F3/00—Input 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/01—Input arrangements or combined input and output arrangements for interaction between user and computer
- G06F3/03—Arrangements for converting the position or the displacement of a member into a coded form
- G06F3/041—Digitisers, e.g. for touch screens or touch pads, characterised by the transducing means
- G06F3/0412—Digitisers structurally integrated in a display
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T11/00—2D [Two Dimensional] image generation
- G06T11/60—Editing figures and text; Combining figures or text
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)
- User Interface Of Digital Computer (AREA)
- Controls And Circuits For Display Device (AREA)
Abstract
本发明公开了一种图形显示方法、装置、设备及存储介质,涉及电子白板技术领域,其具体包括:识别到显示屏中包括文字书写轨迹和线条连接轨迹的触摸轨迹;将从文字书写轨迹识别出的文字显示于文本框中,并将文本框与对应于相邻的线条连接轨迹生成的连接线相连。采用上述技术方案可以解决现有技术无法在电子白板功能下实现具有连接关系的图形绘制的技术问题,实现了在电子白板功能下,为触摸轨迹建立相应的连接关系,尤其在会议场景下,当用户需要绘制流程图或组织结构图等连接图时,无需另外导入连接图,仅需使用电子白板进行绘制,提升了用户的使用体验。
Description
技术领域
本发明涉及电子白板技术领域,尤其涉及一种图形显示方法、装置、设备及存储介质。
背景技术
随着智能化的发展,各类带有触控功能的设备出现在人们生活的各类场景中。比如,会议场景中,利用设置有大尺寸显示屏的设备代替原有的投影仪,不仅可以实现在设备中显示会议内容,还可以使设备充当电子白板的功能,以通过显示屏进行书写操作。
如果需要在显示屏中显示带有连接关系的图形,如类似Visio中的流程图,现有技术通常利用电子白板的书写功能绘制图形。发明人在实现本发明的过程中,发现现有技术存在如下缺陷:由于绘制的图形是基于书写得到的图形,所以各部分之间并没有真正建立连接关系,即没有得到具有连接关系的图形。综上可知,现有技术无法在电子白板功能下实现具有连接关系的图形绘制。
发明内容
有鉴于此,本发明实施例提供一种图形显示方法、装置、设备及存储介质,以解决现有技术无法在电子白板功能下实现具有连接关系的图形绘制的技术问题。
第一方面,本发明实施例提供了一种图形显示方法,包括:
识别到显示屏中包括文字书写轨迹和线条连接轨迹的触摸轨迹;
将从所述文字书写轨迹识别出的文字显示于文本框中,并将所述文本框与对应于相邻的线条连接轨迹生成的连接线相连。
第二方面,本发明实施例还提供了一种图形显示装置,包括:
识别模块,用于识别到显示屏中包括文字书写轨迹和线条连接轨迹的触摸轨迹;
连接模块,用于将从所述文字书写轨迹识别出的文字显示于文本框中,并将所述文本框与对应于相邻的线条连接轨迹生成的连接线相连。
第三方面,本发明实施例还提供了一种设备,包括:
用于显示包括文字书写轨迹和线条连接轨迹的触摸轨迹的显示屏,以及一个或多个处理器;
存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如本发明实施例所述的图形显示方法。
第四方面,本发明实施例还提供了一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行如本发明实施例所述的图形显示方法。
上述提供的图形显示方法、装置、设备及存储介质,通过识别到显示屏中的触摸轨迹包括文字书写轨迹和线条连接轨迹时,将文字书写轨迹识别出的文字显示在对应的文本框中,并将线条连接轨迹生成的连接线与相邻的文本框进行连接的技术手段,实现了在电子白板功能下,为触摸轨迹建立相应的连接关系,尤其在会议场景下,当用户需要绘制流程图或组织结构图等连接图时,无需另外导入连接图,仅需使用电子白板进行绘制,提升了用户的使用体验。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述,本发明的其它特征、目的和优点将会变得更明显:
图1为本发明实施例一提供的一种图形显示方法的流程图;
图2为本发明实施例二提供的一种图形显示方法的流程图;
图3为显示屏第一显示界面示意图;
图4为显示屏第二显示界面示意图;
图5为显示屏第三显示界面示意图;
图6为显示屏第四显示界面示意图;
图7为显示屏第五显示界面示意图;
图8为本发明实施例三提供一种图形显示方法的流程图;
图9为显示屏第六显示界面示意图;
图10为显示屏第七显示界面示意图;
图11为显示屏第八显示界面示意图;
图12为显示屏第九显示界面示意图;
图13为本发明实施例四提供的一种图形显示装置的结构示意图;
图14为本发明实施例五提供的一种设备的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是,此处所描述的具体实施例仅仅用于解释本发明,而非对本发明的限定。另外还需要说明的是,为了便于描述,附图中仅示出了与本发明相关的部分而非全部内容。
实施例一
图1为本发明实施例一提供的一种图形显示方法的流程图。本实施例提供的图形显示方法可以由图形显示装置执行,该图形显示装置通过软件和/或硬件的方式实现,并集成在设备中。本实施例中,以交互智能平板为执行图形显示方法的设备为例进行描述,其中,交互智能平板是通过触控技术对显示在显示平板上的内容进行操控和实现人机交互操作的一体化设备,其集成了投影机、电子白板、幕布、音响、电视机以及视频会议终端等多种功能。参考图1,本实施例提供的图形显示方法包括:
S110、识别到显示屏中包括文字书写轨迹和线条连接轨迹的触摸轨迹。
在本实施例中,显示屏为触控显示屏。用户可以通过手指或关联的智能笔在显示屏上进行书写、控制等操作。具体的,设定电子白板功能,用户开启电子白板功能后可以在显示屏中写入触摸轨迹,交互智能平板实时识别触摸轨迹并进行显示。其中,触摸轨迹是由一系列触控点按照写入时序进行排列得到的。具体的,触摸轨迹包括:文字书写轨迹和/或线条连接轨迹。其中,文字书写轨迹是用户写入文本数据时生成的触摸轨迹,线条连接轨迹为线条状的触摸轨迹,如线段或者折线等。本实施例中,默认显示屏中的线条状的触摸轨迹均为线条连接轨迹。
可选的,设定连接建立模式,当开启连接建立模式后,交互智能平板在显示触摸轨迹时,同步识别触摸轨迹,以确定其为文字书写轨迹还是线条连接轨迹。还可选的,当检测到用户圈定显示区域后,交互智能平板对显示区域内部的全部触摸轨迹进行识别,以确定其为文字书写轨迹还是线条连接轨迹。也可选的,交互智能平板实时对触摸轨迹进行识别,以确定其为文字书写轨迹还是线条连接轨迹,此类方式相比于上述两类方式,运算量相对更大。
进一步的,识别触摸轨迹为文字书写轨迹还是线条连接轨迹时,可以是基于各触摸轨迹间的位置关系和写入时序对触摸轨迹进行分类,将相交的触摸轨迹或者是距离小于设定阈值的触摸轨迹划分为一类,并对每类触摸轨迹进行识别,以确定其为文字书写轨迹或是线条连接轨迹。其中,距离和设定阈值可以通过像素点数量表示,设定阈值对应的像素点数量可以根据实际情况进行设定。还可以是,通过机器学习的方式建立轨迹识别模型,将全部触摸轨迹发送至轨迹识别模型,以通过轨迹识别模型识别其为文字书写轨迹或是线条连接轨迹。当检测到触摸轨迹同时包括文字书写轨迹和线条连接轨迹时,执行S120。
S120、将从文字书写轨迹识别出的文字显示于文本框中,并将文本框与对应于相邻的线条连接轨迹生成的连接线相连。
可选的,触摸轨迹中还包括边界轨迹,其中,边界轨迹为围绕文字书写轨迹的轨迹。当检测到存在边界轨迹时,识别边界轨迹的具体形状,并依据识别的形状对边界轨迹进行整形,而后将整形得到的图形显示在显示屏中。以边界轨迹为矩形为例,用户手写输入边界轨迹后,交互识别平板识别到边界轨迹为矩形,此时,基于边界轨迹确定矩形的长度和宽度,之后,根据长度和宽度显示对应的标准矩形作为文本框,并将向用户写入的边界轨迹擦除。此后,对边界轨迹内部的文字书写轨迹进行整形,其具体为,确定文字书写轨迹对应的文字,并在文本框中显示设定字体的印刷体文字。此时,完成对文字书写轨迹的操作。
进一步的,确定与线条连接轨迹的两端距离最近的文本框,并将线条连接轨迹对应的连接线与对应文本框连接。为了防止误连接的情况,设定最大距离,如果线条连接轨迹的某一端点与距离最近的文本框间的距离大于设定距离,则确定该端点与对应的文本框不建立连接,并在后续检测到其他与该端点距离最近的文本框时,建立相应的连接。这样做的好处是,当用户仅写入线条连接轨迹和其一端的文字书写轨迹,还未写入另一端的文本书写轨迹时,交互智能平板检测到文字书写轨迹和线条连接轨迹时,便可以建立对应的连接关系。或者是,可以设定当文本书写轨迹与线条连接轨迹的某一端点距离小于距离阈值,且文本书写轨迹位于该端点所在线段的延长线上,则确定建立对应的连接关系。
其中,连接线为基于线条连接轨迹生成的标准线型。例如,线条连接轨迹为用户写入的不平滑的线段,则在该线段位置处生成标准线段,并将写入线段擦除。又如,线条连接轨迹为用户写入的不平滑的折线,则在该折线位置处生成对应的标准折线,并擦除写入折线。
实际应用中,用户可以仅写入文字书写轨迹和线条连接轨迹,而不写入边界轨迹,此时,交互智能平板可以自动基于文字书写轨迹确定对应的文本框。具体是:设定默认文本框的形状,进一步的,确定文字书写轨迹对应文字的显示位置以及文字数量,进而确定文本框的尺寸及显示位置,之后显示文本框。
一般而言,如果文本框的显示图形为菱形,则连接线与文本框中距离最近的顶点相连,如果文本框的显示图形为矩形或圆角矩形,则连接线与文本框中距离最近的边框线相连,优选为与边框线中点相连。本实施例中设定文本框包括四条边框线。可选的,建立连接关系时,自适应调整连接线或者文本框,以保证显示的连接图形更加整齐、美观。例如,自动对齐文本框。
可选的,文本框可以根据其显示文字的数量自动调整尺寸信息。或者是,当文本框的尺寸信息不能自动修改时,可以自动调整文字的字号信息。一般而言,用户手动调整的优先级大于文本框自动调整的优先级。
典型的,建立文本框与连接线的连接关系后,显示屏中显示的连接图形类似于通过专业绘图软件(如Visio)绘制出的流程图或者组织结构图。进一步的,设定流程图模式和组织结构图模式,在流程图模式下,交互智能平板建立连接后,生成流程图。在组织结构图模式下,交互智能平板建立连接后,生成流程图。或者是,交互智能平板根据文字内容以及具体的连接关系智能确定生成流程图或是组织结构图。
可选的,检测到触摸或拖拽文本框的操作时,对文本框的形状和/或尺寸信息进行调整,此时,适应性的调整连接线与文本框的连接点。还可选的,检测到拖拽连接线或者是修改连接线的长度或者线型时,重新确定调整后连接线对应的连接点。
可选的,为连接线设置箭头,且箭头方向通过线条连接轨迹中各触摸点的写入时序设定。例如,线条连接轨迹从上向下写入,则箭头方向由上向下。
本实施例提供的技术方案,通过识别到显示屏中的触摸轨迹包括文字书写轨迹和线条连接轨迹时,将文字书写轨迹识别出的文字显示在对应的文本框中,并将线条连接轨迹生成的连接线与相邻的文本框进行连接的技术手段,实现了在电子白板功能下,为触摸轨迹建立相应的连接关系,尤其在会议场景下,当用户需要绘制流程图或组织结构图等连接图时,无需另外导入连接图,仅需使用电子白板进行绘制,提升了用户的使用体验。
实施例二
图2为本发明实施例二提供的一种图形显示方法的流程图。本实施例在上述实施例的基础上进行具体化。具体的,本实施例中设定显示屏中包括文字书写轨迹和线条连接轨迹。参考图2,本实施例提供的图形显示方法具体包括:
S201、识别到显示屏中包括文字书写轨迹和线条连接轨迹的触摸轨迹。
S202、确认文字书写轨迹与相邻的线条连接轨迹的距离是否小于距离阈值。如果确认文字书写轨迹与相邻的线条连接轨迹的距离小于距离阈值,则执行S203。否则,返回执行S201。
为了保证建立连接的准确性,计算文字书写轨迹与相邻的线条连接轨迹间的距离,如果其小于距离阈值,则说明该线条连接轨迹用于与当前文字书写轨迹的连接,反之,说明该线条连接轨迹不适用于文字书写轨迹的连接。其中,距离阈值可以根据实际情况设定。
具体的,计算文字书写轨迹与相邻的线条连接轨迹间的距离可以是:选择两者之间距离最近的触控点,并将该距离作为文字书写轨迹与相邻的线条连接轨迹间的距离。如果存在两条以上线条连接轨迹与文本书写轨迹的距离小于距离阈值,则将两条以上线条连接轨迹均认为是用于与当前文字书写轨迹的连接。
S203、确定文字书写轨迹对应的文字内容,并根据文本内容选定对应的文本框。
其中,文本框包括矩形文本框、菱形文本框以及圆角矩形文本框中的至少一种。
具体的,预先确定文字书写轨迹对应的文字,并基于文字进行语义识别,进而确定对应的文字内容。其中,语义识别的具体方式本实施例不作限定。如果基于语义识别确定文本书写轨迹对应判断或选择语境,则确定文本框为菱形。如果基于语义识别确定文本书写轨迹对应非判断或非选择语境,则确定文本框为矩形或圆角矩形。或者是,设定关键词,如“是否”、“判断”等。如果检测到文字内容存在对应的关键词,则确认文本框为菱形。否则,确定文本框为矩形或圆角矩形。
作为另一种可选方式:预先设定默认的文本框,并显示在显示屏中。设定形状修改触发条件,当满足形状修改触发条件时,确定对文本框的显示形状进行修改。其中,形状修改触发条件的具体内容不作限定。
S204、将从文字书写轨迹识别出的文字显示于文本框中,并将文本框与对应于相邻的线条连接轨迹生成的连接线相连。
举例而言,图3为显示屏第一显示界面示意图。其中,显示界面中包括第一文本书写轨迹21、线条连接轨迹22以及第二文本书写轨迹23。此时,根据第一文本书写轨迹21确定对应的第一文本框为菱形,根据第二文本书写轨迹23确定对应的第二文本框为矩形。进一步的,确定线条连接轨迹22的第一端点221与第一文本书写轨迹21的距离小于距离阈值,第二端点222与第二文本书写轨迹23的距离同样小于距离阈值。此时,将第一文本书写轨迹21以及第二文本书写轨迹23对应的文字显示在对应的文本框中,并将文本框与线条连接轨迹22对应的连接线相连。图4为显示屏第二显示界面示意图。参考图4,显示屏示出了对图3中显示内容进行整形且建立连接关系的结果。
S205、基于针对文本框的触摸操作调整文本框。
具体的,利用显示屏的触控特性,设定用户对文本框进行调整。预先设定不同触摸操作对应的调整内容,进而根据调整内容调整对应的文本框。其中,调整内容包括下述至少一项:调整文本框的显示形状、长宽比例或者缩放文本框等。
一般而言,识别到触摸操作的起始触摸点在文本框的边框线上,确定该触摸操为调整文本框的有效触摸操作。进一步的,该步骤至少包括下述至少一种方案:
方案一、如果触摸操作为针对文本框边框线的按压操作,则调整文本框的显示形状。
具体的,按压操作的具体形式本实施例不作限定。例如,检测到某一条边框线被单击、被双击或者被长按(如超过2秒),则确定接收到有效的按压操作,进而调整文本框的显示形状。可选的,对显示形状进行优先级排序,并在接收到按压操作时,按照优先级顺序依次更换显示形状。还可选的,在接收到按压操作时,弹出当前可选形状的列表,并在接收到用户的选择指令后,将文本框调整为用户选择的显示形状。
可选的,当显示形状变化后,连接线与文本框的连接位置会发生变化。举例而言,当文本框为菱形文本框时,连接线与菱形文本框的下顶点相连。如果将文本框变为矩形文本框,此时,矩形文本框包含两个下顶点,无法确定连接线与哪个下顶点相连。为了保证准确连接且图形美观,设定如果触摸操作为针对文本框边框线的按压操作,则调整文本框的显示形状之后,还包括:对应于调整后的文本框,更改对应的连接线与调整后的文本框的连接点。
其中,连接点包括调整后的文本框的顶点或者文本框边框线的中点。具体的,如果矩形文本框变为菱形文本框,则将菱形文本框中与连接线的端点距离最近的顶点作为连接点。如果菱形文本框变为矩形文本框,则将矩形文本框中与连接线的端点距离最近的边框线的中点作为连接点。
如果文本框对应多条连接线,那么连接点也可以根据实际情况设定。如更换显示形状后,某个文本框的某条边框线与3条连接线相连,那么3条连接线可以共用一个连接点,此时,连接点设为边框线的中点。也可以在该边框线上均分3个点作为连接点。如确定两个端点之间的第一中点、第一中点分别与两个端点的第二中点,并将第一中点和两个第二中点确定为连接点。
例如,参考图4的显示界面,其中,文本框24为菱形文本框。当检测到文本框24边框线接收到按压操作后,将该文本框的显示形状修改为矩形。并且,适应性修改连接线与文本框边框线24的连接点。图5为显示屏第三显示界面示意图。参考图5,显示屏示出了对图4中文本框的显示形状进行拖拽后的显示结果。
方案二、如果触摸操作为针对文本框边框线的拖拽操作,则调整文本框的长宽比例。
具体的,当检测到触摸操作的起始触摸点在文本框的某条边框线上,且确定持续获取到变化的触摸点,则确定接收到针对该边框线的拖拽操作。如果文本框为矩形,则保证该边框线以及相对的边框线跟随触摸轨迹同步相对移动,并且适应性调整其他边框线,边框线调整后文本框的长宽比例发生变化,其中,设定边框线沿边框线的垂直线方向移动。如果文本框为菱形,则确定触摸轨迹的移动方向,其中,移动方向包括向上、向下、向左以及向右。以边框线为右上边框线或者右下边框线、且触摸轨迹向右移动为例,控制左顶点和右顶点同步相对移动,其中,左顶点向左移动,右顶点向右移动。其中,设定边框线沿左右顶点连线方向移动。
例如,参考图4的显示界面,其中,文本框24为菱形文本框。当检测到右上边框线241接收到拖拽操作后,如果确定拖拽操作向右,则控制边框线241和边框线243间的顶点沿连线242方向,向右平行移动,控制边框线244和边框线245间的顶点沿连线242方向,向左平行移动。图6为显示屏第四显示界面示意图。参考图6,显示屏示出了对图4中文本框的边框线进行拖拽后的显示结果。
方案三、如果触摸操作为针对文本框顶点的拖拽操作,则缩放调整文本框。
具体的,两条边框线的交点为顶点,文本框一般包括4个顶点。当检测到触摸操作的起始触摸点在文本框的某个顶点上,且确定持续获取到变化的触摸点,则确定接收到针对文本框的缩放操作。一般而言,顶点仅能在对角线方向上移动。进一步的,根据触摸操作的移动方向和移动长度适应性移动该顶点,并且适应性调整其他顶点,以在顶点调整后实现对文本框的缩放。
例如,参考图4的显示界面,其中,文本框26为矩形文本框。当检测到左下顶点A接收到拖拽操作后,如果拖拽方向向下,且当前触摸点B在顶点A的正下方,则控制顶点A沿对角线27的方向,向下移动,以使顶点A所在的下边线所在的直线包含触摸点B,并适应性调整顶点C和顶点D。其中,图7为显示屏第五显示界面示意图。参考图7,显示屏示出了对图4中文本框的顶点进行拖拽后的显示结果。
S206、将相连得到的连接图形保存为可编辑图形格式。
为了便于用户的后续编辑,当得到连接图形后,实时对连接图形进行保存,且保证格式为可编辑图形格式。或者是,当接收到结束指令时,将连接图形保存为可编辑图形格式。其中,保存文本的命名规则和保存位置本实施例不作限定。
本实施例提供的技术方案,通过识别到显示屏中的触摸轨迹包括文字书写轨迹和线条连接轨迹,且确定文字书写轨迹与线条连接轨迹的距离小于距离阈值时,确定文字书写轨迹对应的文本框,并将文字书写轨迹识别出的文字显示在该文本框中,进一步的,将线条连接轨迹生成的连接线与相邻的文本框进行连接,并且基于针对文本框的触摸操作调整文本框,并保存为可编辑图形格式的技术方案,实现了在电子白板功能下,为触摸轨迹建立相应的连接关系,尤其在会议场景下,当用户需要绘制流程图或组织结构图等连接图时,无需另外开启专业绘图软件进行绘制,也无需导入连接图,同时便于修改和保存,提升了用户的使用体验。
实施例三
图8为本发明实施例三提供一种图形显示方法的流程图。本实施例在上述实施例的基础上进行具体化。具体的,本实施例中设定显示屏中包括文字书写轨迹、边界轨迹和线条连接轨迹。参考图8,本实施例提供的图形显示方法具体包括:
S301、识别到显示屏中包括文字书写轨迹、对应于文字书写轨迹的边界轨迹和线条连接轨迹的触摸轨迹。
其中,边界轨迹为文本框的手写轨迹,其一般环绕文本书写轨迹。边界轨迹可以是封闭图形,也可以是近似封闭图形。由于用户手写过程中,绘制的边界轨迹可能不完全封闭,因此,将环绕文本书写轨迹的近似封闭图形也确定为边界轨迹。
具体的,该步骤包括:
S3011、识别显示屏中文字书写轨迹对应的第一触摸轨迹。
具体的,将显示屏中文本书写轨迹的触摸轨迹记为第一触摸轨迹。在轨迹识别过程中,预先识别第一触摸轨迹。
S3012、将环绕第一触摸轨迹的第二触摸轨迹识别为文字书写轨迹的边框轨迹。
示例性的,在第一触摸轨迹的设定范围内,确定是否存在换环绕第一触摸轨迹的第二触摸轨迹,如果存在,则将第二触摸轨迹识别为边框轨迹,否则,确定该文字书写轨迹不存在边框轨迹。一般而言,每个边框轨迹环绕的区域中仅包含文字书写轨迹,不包含线条连接轨迹。
S3013、将线条型第三触摸轨迹识别为线条连接轨迹。
进一步的,将剩余的线条型第三触摸轨迹识别为线条连接轨迹。
S302、确认文字书写轨迹与相邻的线条连接轨迹的距离是否小于第一距离阈值。如果确认文字书写轨迹与相邻的线条连接轨迹的距离小于第一距离阈值,则执行S303。否则,返回执行S301。
S303、根据边界轨迹确定对应的文本框。
具体的,对边界轨迹进行整形以得到对应文本框。例如,确定边界轨迹为不平滑的矩形,则确定文本框的显示图形为矩形。进一步的,预先设定显示文本的字号信息,并确定当前文字书写轨迹对应的文字数量,进而确定显示该文字数量内的文字需要的矩形区域,以得到文本框的尺寸信息。
S304、将从文字书写轨迹识别出的文字显示于文本框中,并将文本框与对应于相邻的线条连接轨迹生成的连接线相连。
举例而言,图9为显示屏第六显示界面示意图。其中,显示界面中包括第一文本书写轨迹31、第一边界轨迹32、线条连接轨迹33、第二文本书写轨迹34以及第二边界轨迹35。此时,确定第一边界轨迹32对应的文本框形状和尺寸,以及第二边界轨迹35对应的文本框形状和尺寸。进一步的,确定线条连接轨迹33的第一端点331与第一文本书写轨迹31的距离小于距离阈值,第二端点332与第二文本书写轨迹34的距离同样小于距离阈值。此时,将第一文本书写轨迹31以及第二文本书写轨迹34对应的文字显示在对应的文本框中,并将文本框与线条连接轨迹33对应的连接线相连。图10为显示屏第七显示界面示意图。参考图10,显示屏示出了对图9中显示内容进行整形且建立连接关系的结果。
S305、统计文字数量,基于文字数量调整文本框或者文字的显示参数。
考虑到用户修改文字时对应的文字数量发生变化,会导致文本框不能合理的显示文字。因此,设定文本框或者文字的显示参数可以自动根据文字数量进行调整。其中,显示参数包括但不限定于字号信息。
具体的,其包括下述至少两个方案:
方案一、统计文字的数量,基于文字数量调整文本框的尺寸信息。
当用户修改文字时,实时统计当前的文字数量。如果文字数量大于当前文本框最大显示文字的数量,则基于当前的文字数量缩放文本框或者在某一相对边框线的长度不变的前提下,延长另一相对边框线的长度。
例如,参考图10,其中,文本框36最大显示文字数量为4个,确定当前文字的数量为6个,则延长上下边框线361的长度。图11为显示屏第八显示界面示意图。参考图11,显示屏示出了对图10中文本框的尺寸信息进行调整后的显示结果。
方案二、统计文字数量,基于文字数量调整文本框中显示文字的字号信息。
当用户修改文字时,实时统计当前的文字数量。如果文字数量大于当前文本框最大显示文字的数量,则保证文本框大小不变的前提下,缩小显示文字的字号信息。
例如,参考图10,其中,文本框36最大显示文字数量为4个,确定当前文字的数量为6个,此时,缩小文本框36中文字的字号信息。图12为显示屏第九显示界面示意图。参考图12,显示屏示出了对图10中文本框的尺寸信息进行调整后的显示结果。
需要说明的是,设定最小字号,如果调整到最小字号后,仍然无法完整的文字,此时,可以增大文本框的尺寸信息,以保证完整显示文字。
一般而言,当文本框中显示文字的数量过少时,也可以适应性的增大字号信息或者缩小文本框,其方式与显示文字的数量过多时的方式相同,在此不做赘述。
S306、将相连得到的连接图形保存为可编辑图形格式。
本实施例提供的技术方案,通过识别到显示屏中的触摸轨迹包括文字书写轨迹、边界轨迹和线条连接轨迹时,基于边界轨迹确定对应的文本框,并当文字书写轨迹与线条连接轨迹的距离小于距离阈值时,将文字书写轨迹识别出的文字显示在该文本框中,进一步的,将线条连接轨迹生成的连接线与相邻的文本框进行连接,并且基于文字数量实时调整文本框的尺寸信息或者文本框中显示文字的字号信息,并将连接图形保存为可编辑图形格式的技术方案,实现了在电子白板功能下,为触摸轨迹建立相应的连接关系,尤其在会议场景下,当用户需要绘制流程图或组织结构图等连接图时,无需另外开启专业绘图软件进行绘制,也无需导入连接图,同时便于修改和保存,提升了用户的使用体验。
实施例四
图13为本发明实施例四提供的一种图形显示装置的结构示意图。参考图13,本实施例提供的图形显示装置包括:识别模块401以及连接模块402。
其中,识别模块401,用于识别到显示屏中包括文字书写轨迹和线条连接轨迹的触摸轨迹;连接模块402,用于将从所述文字书写轨迹识别出的文字显示于文本框中,并将所述文本框与对应于相邻的线条连接轨迹生成的连接线相连。
本实施例提供的技术方案,通过识别到显示屏中的触摸轨迹包括文字书写轨迹和线条连接轨迹时,将文字书写轨迹识别出的文字显示在对应的文本框中,并将线条连接轨迹生成的连接线与相邻的文本框进行连接的技术手段,实现了在电子白板功能下,为存在连接关系的触摸轨迹建立相应的连接关系,尤其在会议场景下,当用户需要绘制流程图或组织结构图等连接图时,无需另外开启专业绘图软件进行绘制,也无需导入连接图,提升了用户的使用体验。
在上述实施例的基础上,还包括:文本框第一确定模块,用于所述将从所述文字书写轨迹识别出的文字显示于文本框之前,确定文字书写轨迹对应的文字内容,并根据所述文字内容选定对应的文本框。所述文本框包括矩形文本框、菱形文本框以及圆角矩形文本框中的至少一种。
在上述实施例的基础上,识别模块401具体用于:识别到显示屏中包括文字书写轨迹、对应于所述文字书写轨迹的边界轨迹和线条连接轨迹的触摸轨迹。相应的,还包括:文本框第二确定模块,用于将从所述文字书写轨迹识别出的文字显示于文本框中,并将所述文本框与对应于相邻的线条连接轨迹生成的连接线相连之前,根据所述边界轨迹确定对应的文本框。
在上述实施例的基础上,识别模块401具体包括:第一识别单元,用于识别显示屏中文字书写轨迹对应的第一触摸轨迹;第二识别单元,用于将环绕所述第一触摸轨迹的第二触摸轨迹识别为所述文字书写轨迹的边框轨迹;第三识别单元,用于将线条型第三触摸轨迹识别为线条连接轨迹。
在上述实施例的基础上,还包括:距离判断模块,用于将从所述文字书写轨迹识别出的文字显示于文本框中,并将所述文本框与对应于相邻的线条连接轨迹生成的连接线相连之前,确认所述文字书写轨迹与相邻的线条连接轨迹的距离小于距离阈值。
在上述实施例的基础上,还包括:第一调整模块,用于统计文字数量,基于所述文字数量调整所述文本框的尺寸信息,或,基于所述文字数量调整所述文本框中显示文字的字号信息。
在上述实施例的基础上,还包括:第二调整模块,用于基于针对所述文本框的触摸操作调整所述文本框。
在上述实施例的基础上,第二调整模块具体用于:如果所述触摸操作为针对所述文本框边框线的按压操作,则调整所述文本框的显示形状;和/或,如果所处触摸操作为针对所述文本框边框线的拖拽操作,则调整所述文本框的长宽比例;和/或,如果所述触摸操作为针对所述文本框顶点的拖拽操作,则缩放调整所述文本框。
在上述实施例的基础上,还包括:连接点调整模块,用于所述如果所述触摸操作为针对所述文本框边框线的按压操作,则调整所述文本框的显示形状之后,对应于调整后的文本框,更改对应的连接线与调整后的文本框的连接点。所述连接点包括调整后的文本框的顶点或者文本框边框线的中点。
在上述实施例的基础上,还包括:保存模块,用于将从所述文字书写轨迹识别出的文字显示于文本框中,并将所述文本框与对应于相邻的线条连接轨迹生成的连接线相连之后,将相连得到的连接图形保存为可编辑图形格式。
本实施例提供的图形显示装置用于执行上述任意实施例提供的图形显示方法,具备相应的功能和有益效果。
实施例五
图14为本发明实施例五提供的一种设备的结构示意图。如图14所示,该设备包括处理器50、存储器51、输入装置52、输出装置53以及显示屏54;设备中处理器50的数量可以是一个或多个,图14中以一个处理器50为例;设备中的处理器50、存储器51、输入装置52、输出装置53以及显示屏54可以通过总线或其他方式连接,图14中以通过总线连接为例。
存储器51作为一种计算机可读存储介质,可用于存储软件程序、计算机可执行程序以及模块,如本发明任意实施例所述的图形显示方法对应的程序指令/模块(例如,图形显示装置中的识别模块401以及连接模块402)。处理器50通过运行存储在存储器51中的软件程序、指令以及模块,从而执行设备的各种功能应用以及数据处理,即实现上述的图形显示方法。
存储器51可主要包括存储程序区和存储数据区,其中,存储程序区可存储操作***、至少一个功能所需的应用程序;存储数据区可存储根据设备的使用所创建的数据等。此外,存储器51可以包括高速随机存取存储器,还可以包括非易失性存储器,例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中,存储器51可进一步包括相对于处理器50远程设置的存储器,这些远程存储器可以通过网络连接至设备。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置52可用于接收输入的数字或字符信息,以及产生与设备的用户设置以及功能控制有关的键信号输入。输出装置53可包括扬声器以及蜂鸣器等音频设备。显示屏54用于显示屏中包括文字书写轨迹和线条连接轨迹的触摸轨迹,还用于接收触摸操作。
本实施例提供的设备可以用于执行上述任意实施例提供的图形显示方法,具备相应的功能和有益效果。
实施例六
本发明实施例还提供一种包含计算机可执行指令的存储介质,所述计算机可执行指令在由计算机处理器执行时用于执行一种图形显示方法,该图形显示方法包括:
识别到显示屏中包括文字书写轨迹和线条连接轨迹的触摸轨迹;
将从所述文字书写轨迹识别出的文字显示于文本框中,并将所述文本框与对应于相邻的线条连接轨迹生成的连接线相连。
当然,本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的图形显示方法操作,还可以执行本发明任意实施例所提供的图形显示方法中的相关操作,且具备相应的功能和有益效果。
通过以上关于实施方式的描述,所属领域的技术人员可以清楚地了解到,本发明可借助软件及必需的通用硬件来实现,当然也可以通过硬件实现,但很多情况下前者是更佳的实施方式。基于这样的理解,本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来,该计算机软件产品可以存储在计算机可读存储介质中,如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等,包括若干指令用以使得一台计算机设备(可以是机器人,个人计算机,服务器,或者网络设备等)执行本发明任意实施例所述的图形显示方法。
注意,上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解,本发明不限于这里所述的特定实施例,对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此,虽然通过以上实施例对本发明进行了较为详细的说明,但是本发明不仅仅限于以上实施例,在不脱离本发明构思的情况下,还可以包括更多其他等效实施例,而本发明的范围由所附的权利要求范围决定。
Claims (9)
1.一种图形显示方法,其特征在于,包括;
识别到显示屏中包括文字书写轨迹和线条连接轨迹的触摸轨迹;
确认所述文字书写轨迹与相邻的线条连接轨迹的距离小于距离阈值;
确定文字书写轨迹对应的文字内容,并根据所述文字内容对应的语义或者关键字选定对应的文本框;
将从所述文字书写轨迹识别出的文字显示于所述文本框中,并将所述文本框与对应于相邻的线条连接轨迹生成的连接线相连;
基于针对所述文本框的触摸操作调整所述文本框。
2.根据权利要求1所述的图形显示方法,其特征在于,
所述文本框包括矩形文本框、菱形文本框以及圆角矩形文本框中的至少一种。
3.根据权利要求1所述的图形显示方法,其特征在于,还包括:
统计文字数量,基于所述文字数量调整所述文本框的尺寸信息,或,基于所述文字数量调整所述文本框中显示文字的字号信息。
4.根据权利要求1所述的图形显示方法,其特征在于,所述基于针对所述文本框的触摸操作调整所述文本框包括:
如果所述触摸操作为针对所述文本框边框线的按压操作,则调整所述文本框的显示形状;和/或,
如果所处触摸操作为针对所述文本框边框线的拖拽操作,则调整所述文本框的长宽比例;和/或,
如果所述触摸操作为针对所述文本框顶点的拖拽操作,则缩放调整所述文本框。
5.根据权利要求4所述的图形显示方法,其特征在于,所述如果所述触摸操作为针对所述文本框边框线的按压操作,则调整所述文本框的显示形状之后,还包括:
对应于调整后的文本框,更改对应的连接线与调整后的文本框的连接点,所述连接点包括调整后的文本框的顶点或者文本框边框线的中点。
6.根据权利要求1所述的图形显示方法,其特征在于,所述将从所述文字书写轨迹识别出的文字显示于文本框中,并将所述文本框与对应于相邻的线条连接轨迹生成的连接线相连之后,还包括:
将相连得到的连接图形保存为可编辑图形格式。
7.一种图形显示装置,其特征在于,包括;
识别模块,用于识别到显示屏中包括文字书写轨迹和线条连接轨迹的触摸轨迹;
距离判断模块,用于确认所述文字书写轨迹与相邻的线条连接轨迹的距离小于距离阈值;
文本框第一确定模块,用于确定文字书写轨迹对应的文字内容,并根据所述文字内容对应的语义或者关键字选定对应的文本框;
连接模块,用于将从所述文字书写轨迹识别出的文字显示于所述文本框中,并将所述文本框与对应于相邻的线条连接轨迹生成的连接线相连;
第二调整模块,用于基于针对所述文本框的触摸操作调整所述文本框。
8.一种设备,其特征在于,包括:
用于显示包括文字书写轨迹和线条连接轨迹的触摸轨迹的显示屏,以及一个或多个处理器;
存储器,用于存储一个或多个程序;
当所述一个或多个程序被所述一个或多个处理器执行,使得所述一个或多个处理器实现如权利要求1-6中任一所述的图形显示方法。
9.一种包含计算机可执行指令的存储介质,其特征在于,所述计算机可执行指令在由计算机处理器执行时用于执行如权利要求1-6中任一所述的图形显示方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810053481.0A CN108304132B (zh) | 2018-01-19 | 2018-01-19 | 图形显示方法、装置、设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN201810053481.0A CN108304132B (zh) | 2018-01-19 | 2018-01-19 | 图形显示方法、装置、设备及存储介质 |
Publications (2)
Publication Number | Publication Date |
---|---|
CN108304132A CN108304132A (zh) | 2018-07-20 |
CN108304132B true CN108304132B (zh) | 2021-03-02 |
Family
ID=62865698
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN201810053481.0A Active CN108304132B (zh) | 2018-01-19 | 2018-01-19 | 图形显示方法、装置、设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN108304132B (zh) |
Families Citing this family (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN110674618A (zh) * | 2019-09-03 | 2020-01-10 | 北京达佳互联信息技术有限公司 | 一种内容展示方法、装置、设备及介质 |
CN112749529A (zh) * | 2019-10-29 | 2021-05-04 | 西安诺瓦星云科技股份有限公司 | 文字自适应异形编辑框的方法、装置 |
CN112198998A (zh) * | 2020-08-31 | 2021-01-08 | 深圳市镜玩科技有限公司 | 文本输入控制方法、相关装置、设备及介质 |
CN112783405B (zh) * | 2021-01-25 | 2022-03-01 | 张飞 | 一种在计算机上制作和显示流程图的方法 |
CN115705097A (zh) * | 2021-07-20 | 2023-02-17 | 京东方科技集团股份有限公司 | 一种电子白板及其图表显示的方法 |
CN114035739B (zh) * | 2021-11-12 | 2023-12-29 | 网易(杭州)网络有限公司 | 图形绘制方法和装置、计算机可读存储介质、电子设备 |
CN114546175A (zh) * | 2022-02-28 | 2022-05-27 | 长沙朗源电子科技有限公司 | 电子白板的文字绘制方法、***、电子白板和存储介质 |
CN116719459A (zh) * | 2022-09-26 | 2023-09-08 | 荣耀终端有限公司 | 批注框的显示方法、电子设备及可读存储介质 |
Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2016115017A (ja) * | 2014-12-12 | 2016-06-23 | 日本電信電話株式会社 | フローチャート作成方法及びプログラム |
WO2017067652A1 (en) * | 2015-10-19 | 2017-04-27 | Myscript | System and method of handwriting recognition in diagrams |
CN107092419A (zh) * | 2017-03-30 | 2017-08-25 | 国网山东省电力公司青岛市黄岛区供电公司 | 思维导图处理方法及装置 |
CN107168703A (zh) * | 2017-05-11 | 2017-09-15 | 山大鲁能信息科技有限公司 | 一种基于svg插件的流程图生成方法及*** |
-
2018
- 2018-01-19 CN CN201810053481.0A patent/CN108304132B/zh active Active
Patent Citations (4)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
JP2016115017A (ja) * | 2014-12-12 | 2016-06-23 | 日本電信電話株式会社 | フローチャート作成方法及びプログラム |
WO2017067652A1 (en) * | 2015-10-19 | 2017-04-27 | Myscript | System and method of handwriting recognition in diagrams |
CN107092419A (zh) * | 2017-03-30 | 2017-08-25 | 国网山东省电力公司青岛市黄岛区供电公司 | 思维导图处理方法及装置 |
CN107168703A (zh) * | 2017-05-11 | 2017-09-15 | 山大鲁能信息科技有限公司 | 一种基于svg插件的流程图生成方法及*** |
Also Published As
Publication number | Publication date |
---|---|
CN108304132A (zh) | 2018-07-20 |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN108304132B (zh) | 图形显示方法、装置、设备及存储介质 | |
CN108334486B (zh) | 表格控制方法、装置、设备及存储介质 | |
CN110069204B (zh) | 基于书写轨迹的图形处理方法、装置、设备及存储介质 | |
US20200348900A1 (en) | Method of providing annotation track on the content displayed on an interactive whiteboard, computing device and non-transitory readable storage medium | |
CN110716680B (zh) | 智能交互平板的控制方法和装置 | |
CN109284059B (zh) | 笔迹绘制方法、装置、交互智能平板和存储介质 | |
CN110045909B (zh) | 基于书写轨迹的椭圆处理方法、装置、设备及存储介质 | |
US11366582B2 (en) | Screenshot capturing method, device, electronic device and computer-readable medium | |
CN110045840B (zh) | 一种书写轨迹关联的方法、装置、终端设备和存储介质 | |
CN111770288B (zh) | 视频编辑方法、装置、终端及存储介质 | |
JP2003303047A (ja) | 画像入力及び表示システム、ユーザインタフェースの利用方法並びにコンピュータで使用可能な媒体を含む製品 | |
CN109215098B (zh) | 笔迹擦除方法和装置 | |
EP3940578A1 (en) | Table processing method and apparatus, and intelligent interactive tablet and storage medium | |
WO2018072386A1 (zh) | 一种渲染方法及装置 | |
WO2021068381A1 (zh) | 界面显示方法、装置、设备及存储介质 | |
US20200042581A1 (en) | Method and Device for Quickly Inserting Recognized Word | |
CN110286827B (zh) | 一种元素缩放控制方法、装置、设备及存储介质 | |
WO2020143387A1 (zh) | 表格处理方法、装置、***、存储介质及交互智能平板 | |
CN111580903A (zh) | 实时投票方法、装置、终端设备和存储介质 | |
WO2019218622A1 (zh) | 元素控制方法、装置、设备及存储介质 | |
CN112860157B (zh) | 显示元素调整方法、装置、设备及存储介质 | |
CN109165626A (zh) | 电子白板的书写笔画处理方法、装置、设备和存储介质 | |
WO2023092254A1 (zh) | 一种思维导图调整方法、存储介质及设备 | |
CN112269520B (zh) | 元素显示控制方法、装置、交互平板及存储介质 | |
CN110427153B (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 |