CN114610222A - 竖屏手写签名的生成方法、装置、终端设备及存储介质 - Google Patents
竖屏手写签名的生成方法、装置、终端设备及存储介质 Download PDFInfo
- Publication number
- CN114610222A CN114610222A CN202210294141.3A CN202210294141A CN114610222A CN 114610222 A CN114610222 A CN 114610222A CN 202210294141 A CN202210294141 A CN 202210294141A CN 114610222 A CN114610222 A CN 114610222A
- Authority
- CN
- China
- Prior art keywords
- canvas
- signature
- length
- image
- signature image
- 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
- 238000000034 method Methods 0.000 title claims abstract description 54
- 238000004590 computer program Methods 0.000 claims description 20
- 230000006870 function Effects 0.000 claims description 15
- 238000012545 processing Methods 0.000 claims description 9
- 238000013515 script Methods 0.000 claims description 9
- 238000010586 diagram Methods 0.000 description 7
- 230000008569 process Effects 0.000 description 6
- 238000006243 chemical reaction Methods 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 238000003780 insertion Methods 0.000 description 2
- 230000037431 insertion Effects 0.000 description 2
- 238000004422 calculation algorithm Methods 0.000 description 1
- 230000008859 change Effects 0.000 description 1
- 238000012790 confirmation Methods 0.000 description 1
- 238000013461 design Methods 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000003993 interaction Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 238000012986 modification Methods 0.000 description 1
- 230000004048 modification Effects 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
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/40—Scaling of whole images or parts thereof, e.g. expanding or contracting
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T3/00—Geometric image transformations in the plane of the image
- G06T3/60—Rotation of whole images or parts thereof
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06F—ELECTRIC DIGITAL DATA PROCESSING
- G06F2203/00—Indexing scheme relating to G06F3/00 - G06F3/048
- G06F2203/048—Indexing scheme relating to G06F3/048
- G06F2203/04806—Zoom, i.e. interaction techniques or interactors for controlling the zooming operation
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Human Computer Interaction (AREA)
- User Interface Of Digital Computer (AREA)
- Collating Specific Patterns (AREA)
Abstract
本申请适用于互联网技术领域,提供了一种竖屏手写签名的生成方法、装置、终端设备及介质,包括:若接收到手写签名请求,则创建第一画布,并以横屏方式显示第一画布;第一画布的宽度大于终端设备的显示屏的短边的长度,且小于或等于显示屏的长边的长度,第一画布的高度小于短边的长度;确定用户在第一画布中输入的签名字符,并根据签名字符和第一画布生成第一签名图像;将第一签名图像旋转90度,并对第一签名图像进行缩放,使第一签名图像的宽度小于或等于显示屏的短边的长度;创建第二画布,并根据第二画布以及经旋转和缩放后的第一签名图像,生成目标签名图像,使得较长的签名可以被完整书写,且不会导致手写签名字符之间出现拥挤的现象。
Description
技术领域
本申请属于互联网技术领域,尤其涉及一种竖屏手写签名的生成方法、装置、终端设备及存储介质。
背景技术
随着互联网技术的不断发展,很多业务逐渐由线下办理转变为线上办理,例如,合同的签订逐渐由线下纸质合同的签订转变为线上电子合同的签订,基于此,线下业务办理过程中的手写签名环节也随之转变为线上的电子手写签名。而随着触控技术在终端设备上的广泛应用,使得用户可以在终端设备上通过实施触控操作来实现电子手写签名的输入。
由于用户在使用终端设备的过程中,多数情况下是采用竖屏的握持方式来握持终端设备,因此,为了适应用户的握持习惯,现有技术通常为用户提供竖屏手写签名界面,以使用户在竖屏手写签名界面中输入电子手写签名。然而,受限于终端设备的宽度,采用上述方案会导致较长的签名无法被完整书写,或者会导致书写的手写签名字符之间较为拥挤,影响后续手写签名识别的准确度。
发明内容
有鉴于此,本申请实施例提供了一种竖屏手写签名的生成方法、装置、终端设备及存储介质,以解决现有的电子手写签名方式导致较长的签名无法被完整书写或者导致书写的手写签名字符之间较为拥挤的技术问题。
第一方面,本申请实施例提供一种竖屏手写签名的生成方法,包括:
若接收到手写签名请求,则创建第一画布,并以横屏方式显示所述第一画布;所述第一画布的宽度大于终端设备的显示屏的短边的长度,且小于或等于所述显示屏的长边的长度,所述第一画布的高度小于所述短边的长度;
确定用户在所述第一画布中输入的签名字符,并根据所述签名字符和所述第一画布生成第一签名图像;
将所述第一签名图像旋转90度,并对所述第一签名图像进行缩放,使所述第一签名图像的宽度小于或等于所述显示屏的短边的长度;
创建第二画布,并根据所述第二画布以及经旋转和缩放后的所述第一签名图像,生成目标签名图像;所述第二画布的宽度小于或等于所述短边的长度,所述第二画布的高度小于所述长边的长度。
在第一方面的一种可选的实现方式中,所述确定用户在所述第一画布中输入的签名字符,包括:
若检测到所述第一画布中存在触控操作,则识别所述触控操作对应的字符笔迹;
若接收到签名完成指令,则根据所述字符笔迹确定所述签名字符。
在第一方面的一种可选的实现方式中,若检测到所述第一画布中存在触控操,则调用内容获取函数获取所述触控操作对应的字符笔迹。
在第一方面的一种可选的实现方式中,所述创建第二画布,包括:
将所述第一画布旋转90度,得到所述第二画布。
在第一方面的一种可选的实现方式中,所述根据所述第二画布以及经旋转和缩放后的所述第一签名图像,生成目标签名图像,包括:
将经旋转和缩放后的所述第一签名图像***所述第二画布中;
将***了所述第一签名图像的所述第二画布转换为图片格式,得到所述目标签名图像。
在第一方面的一种可选的实现方式中,所述若接收到手写签名请求,则创建第一画布之后,还包括:
将所述第一画布的颜色值设置为第一颜色值;
所述创建第二画布之后,还包括:
将所述第二画布的颜色值设置为所述第一颜色值。
在第一方面的一种可选的实现方式中,所述若接收到手写签名请求,则创建第一画布之后,还包括:
接收针对签名字符的颜色设置指令;所述颜色设置指令携带目标颜色值;
将所述目标颜色值配置为所述第一画布的签名字符的笔迹颜色。
第二方面,本申请实施例提供一种竖屏手写签名的生成装置,包括:
第一创建单元,用于若接收到手写签名请求,则创建第一画布,并以横屏方式显示所述第一画布;所述第一画布的宽度大于终端设备的显示屏的短边的长度,且小于或等于所述显示屏的长边的长度,所述第一画布的高度小于所述短边的长度,所述第一画布用于供用户输入手写签名;
第一图像生成单元,用于确定用户在所述第一画布中输入的签名字符,并根据所述签名字符和所述第一画布生成第一签名图像;
图像处理单元,用于将所述第一签名图像旋转90度,并对所述第一签名图像进行缩放,使所述第一签名图像的宽度小于或等于所述显示屏的短边的长度;
第二图像生成单元,用于创建第二画布,并根据所述第二画布以及经旋转和缩放后的所述第一签名图像,生成目标签名图像;所述第二画布的宽度小于或等于所述短边的长度,所述第二画布的高度小于所述长边的长度。
第三方面,本申请实施例提供一种终端设备,所述终端设备包括处理器、存储器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如上述第一方面或第一方面的任意一个可选方式所述的方法。
第四方面,本申请实施例提供一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,所述计算机程序被处理器执行时实现如上述第一方面或第一方面的任意一个可选方式所述的方法。
第五方面,本申请实施例提供一种计算机程序产品,当计算机程序产品在终端设备上运行时,使得终端设备执行如上述第一方面或第一方面的任意一个可选方式所述的方法。
实施本申请实施例提供的竖屏手写签名的生成方法、装置、终端设备、计算机可读存储介质及计算机程序产品具有以下有益效果:
本申请实施例提供的竖屏手写签名的生成方法,在接收到手写签名请求时创建第一画布,并以横屏方式显示一画布,从而可以使用户将终端设备置于横屏状态,并在横屏状态下输入手写签名,且由于第一画布的宽度大于显示屏的短边的长度,因此可以为用户提供更长的横向手写签名空间,使得较长的签名可以被完整书写,且不会导致手写签名字符之间出现拥挤的现象;此外,终端设备根据第一画布以及用户在第一画布中输入的签名字符生成第一签名图像,并对第一签名图像进行处理,使第一签名图像的宽度小于或等于显示屏的短边的长度,这样便于终端设备将手写签名转变为竖屏格式,以在竖屏状态下完整显示第一签名图像,同时,终端设备通过创建第二画布,并根据第二画布和经处理的第一签名图像生成目标签名图像,由于第二画布的宽度小于或等于显示屏的短边的长度,第二画布的高度小于显示屏的长边的长度,因此基于第二画布得到的目标签名图像用于供终端设备进行竖屏显示,从而方便用户在常用的竖屏状态下查看手写签名,提高了用户体验。
附图说明
为了更清楚地说明本申请实施例中的技术方案,下面将对实施例或现有技术描述中所需要使用的附图作简单地介绍,显而易见地,下面描述中的附图仅仅是本申请的一些实施例,对于本领域普通技术人员来讲,在不付出创造性劳动性的前提下,还可以根据这些附图获得其他的附图。
图1为本申请实施例提供的一种竖屏手写签名的生成方法的示意性流程图;
图2为本申请实施例提供的一种手写签名界面的界面示意图;
图3为本申请实施例提供的一种第一画布的尺寸的示意图;
图4为本申请实施例提供的一种第一签名图像的示意图;
图5为本申请又一实施例提供的一种竖屏手写签名的生成方法的示意性流程图;
图6为本申请实施例提供的一种竖屏手写签名的生成装置的结构示意图;
图7为本申请实施例提供的一种终端设备的结构示意图。
具体实施方式
需要说明的是,本申请实施例使用的术语仅用于对本申请的具体实施例进行解释,而非旨在限定本申请。在本申请实施例的描述中,除非另有说明,“多个”是指两个或多于两个,“至少一个”、“一个或多个”是指一个、两个或两个以上。术语“第一”、“第二”仅用于描述目的,而不能理解为指示或暗示相对重要性或者隐含指明所指示的技术特征的数量。由此,限定有“第一”、“第二”特征可以明示或者隐含地包括一个或者更多个该特征。
在本说明书中描述的参考“一个实施例”或“一些实施例”等意味着在本申请的一个或多个实施例中包括结合该实施例描述的特定特征、结构或特点。由此,在本说明书中的不同之处出现的语句“在一个实施例中”、“在一些实施例中”、“在其他一些实施例中”、“在另外一些实施例中”等不是必然都参考相同的实施例,而是意味着“一个或多个但不是所有的实施例”,除非是以其他方式另外特别强调。术语“包括”、“包含”、“具有”及它们的变形都意味着“包括但不限于”,除非是以其他方式另外特别强调。
本申请实施例提供的一种竖屏手写签名的生成方法,执行主体为终端设备,包括但不限于计算机终端或者移动通信终端,如个人电脑、手机或平板电脑等。在具体应用中,可以通过对终端设备配置目标脚本文件,由该目标脚本文件描述本申请实施例提供的竖屏手写签名的生成方法,令终端设备在需要生成竖屏手写签名时执行该目标脚本文件,进而执行本申请实施例提供的竖屏手写签名的生成方法中的各个步骤。
请参阅图1,为本申请实施例提供的一种竖屏手写签名的生成方法的示意性流程图。如图1所示,该竖屏手写签名的生成方法包括S11~S14,详述如下:
S11:若接收到手写签名请求,则创建第一画布,并以横屏方式显示所述第一画布。
在本申请的一个实施例中,如图2所示,终端设备的手写签名界面20中可以设置有手写签名控件201。当用户需要在终端设备上输入手写签名时,例如,用户在终端设备上为了签订电子合同,或者为了确认其身份信息,或者阅览完某些重要的文件内容需要输入手写签名时,用户可以在手写签名界面20中点击手写签名控件201。终端设备在检测到手写签名界面20中的手写签名控件201被点击时,确定接收到手写签名请求。其中,手写签名界面20可以根据手写签名场景的不同而不同,例如,若手写签名场景为电子合同的签订场景,则手写签名界面可以为显示合同尾页的界面;若手写签名场景为用户身份信息的确认场景,则手写签名界面可以为显示用户身份信息的界面。
在本申请的另一个实施例中,终端设备的手写签名界面20中可以设置有手写签名框202,手写签名框202用于供用户输入手写签名。当用户需要在终端设备上输入手写签名时,用户可以直接通过手指或触控笔在手写签名框202中书写要签的名字。终端设备在检测到手写签名框202中存在触控操作时,确定接收到手写签名请求。其中,触控操作可以包括手触操作和笔触操作等。手触操作指通过手实施的触控操作,笔触操作指通过触控笔实施的触控操作。
终端设备在接收到手写签名请求时,创建第一画布。第一画布用于供用户输入手写签名。第一画布的宽度大于终端设备的显示屏的短边的长度,且小于或等于显示屏的长边的长度,第一画布的高度小于显示屏的短边的长度。
在本申请的一个实施例中,用于显示第一画布的界面中可以仅包括第一画布,不包括除第一画布之外的任何其他界面元素。
基于此,在本实施例一种可能的实现方式中,如图3中的(a)所示,第一画布的宽度w可以为显示屏的长边31的长度,第一画布的高度h可以为显示屏的短边32的长度,即,第一画布的尺寸可以与显示屏的尺寸相同,这样,终端设备显示第一画布后,第一画布会占满整个显示屏。
在本实施例另一种可能的实现方式中,如图3中的(b)所示,第一画布的宽度w可以为显示屏的长边31的长度与第一预设长度的差值,第一画布的高度h可以为显示屏的短边32的长度与第二预设长度的差值,这样,终端设备显示第一画布后,第一画布不会占满整个显示屏。其中,第一预设长度与第二预设长度可以相等,也可以不相等,具体可以根据实际需求设置,此处对其不做特别限制。而为了为用户提供更大的手写签名空间,可以将第一预设长度和第二预设长度设置得较小,例如,第一预设长度和第二预设长度均可以为2毫米。
在本申请的又一个实施例中,用于显示第一画布的界面中除了包括第一画布外,还可以包括其他界面元素,如手写签名控件和/或签名完成控件。基于此,如图3中的(c)所示,第一画布的宽度w可以根据显示屏的长边31的长度与其他界面元素(如,签名完成控件203)在显示屏长边方向上的长度确定。
终端设备创建第一画布后,以横屏方式显示第一画布。终端设备以横屏方式显示第一画布后,用户可以将终端设备置于横屏状态,在第一画布中输入手写签名。示例性的,用户可以通过在第一画布中执行触控操作来输入手写签名。
S12:确定用户在所述第一画布中输入的签名字符,并根据所述签名字符和所述第一画布生成第一签名图像。
本申请实施例中,终端设备检测到第一画布中存在触控操作时,确定用户开始在第一画布中输入手写签名,之后,终端设备可以对用户在第一画布中执行的触控操作进行识别,并确定触控操作对应的签名字符。
在本申请的一个实施例中,S12中,确定用户在所述第一画布中输入的签名字符的步骤,具体可以包括以下步骤:
若检测到所述第一画布中存在触控操作,则识别所述触控操作对应的字符笔迹;
若接收到签名完成指令,则根据所述字符笔迹确定所述签名字符。
在一种可能的实现方式中,终端设备在检测到第一画布中存在触控操作时,可以调用内容获取函数getContext()来获取该触控操作对应的字符笔迹。
在一种可能的实现方式中,终端设备可以在检测到签名完成控件被点击时,确定接收到签名完成指令。在另一种可能的实现方式中,终端设备在检测到第一画布中存在触控操作后,若检测到触控操作消失,且在预设时长内未重新检测到触控操作,则确定接收到签名完成指令。
终端设备在接收到签名完成指令时,可以根据获取到的触控操作对应的所有字符笔迹生成签名字符,并将包括该签名字符的第一画布转换为图片格式,得到第一签名图像。可以理解的是,第一签名图像的宽度等于第一画布的宽度,第一签名图像的高度等于第一画布的高度。
示例性的,第一签名图像的格式可以为便携式网络图形(,Portable NetworkGraphics,PNG)格式或联合图像专家组(Joint Photographic Experts Group,JPEG)格式,本申请实施例对第一签名图像的具体格式不做特别限制。
S13:将所述第一签名图像旋转90度,并对所述第一签名图像进行缩放,使所述第一签名图像的宽度小于或等于所述显示屏的短边的长度。
终端设备生成第一签名图像后,由于第一签名图像为横屏图像,不方便用户在竖屏模式下查看,因此,终端设备可以将第一签名图像按照预设方向旋转90度,得到用于竖屏显示的签名图像。其中,预设方向可以包括逆时针方向和顺时针方向。预设方向可以根据第一画布的横屏显示方向确定。具体地,预设方向可以与第一画布的横屏显示方向一致。
在具体应用中,第一画布的横屏显示方向可以通过用户将终端设备从竖屏状态转变为横屏状态时对终端设备所执行的旋转操作确定。例如,若用户将处于竖屏状态的终端设备逆时针选择90度后变为横屏状态,则第一画布的横屏显示方向为逆时针方向,那么,预设方向也为逆时针方向,此时,终端设备将第一签名图像逆时针旋转90度。
本申请实施例中,终端设备将第一签名图像按照预设方向旋转90度后,可以对第一签名图像进行等比例缩放,使得第一签名图像的宽度小于或等于显示屏的短边的长度,以便处理后的第一签名图像可以在竖屏状态下被完整显示。
示例性的,如图4所示,终端设备根据签名字符和第一画布生成的第一签名图像可以如图4中的(a)所示的41,经旋转和缩放后的第一签名图像可以如图4中的(b)所示的41。
S14:创建第二画布,并根据所述第二画布以及经旋转和缩放后的所述第一签名图像,生成目标签名图像。
本申请实施例中,第二画布的宽度小于或等于终端设备的显示屏的短边的长度,第二画布的高度小于显示屏的长边的长度。
在本实施例一种可能的实现方式中,第二画布的宽度可以等于第一画布的高度,第二画布的高度可以等于第一画布的宽度,基于此,S14中创建第二画布的步骤,具体可以包括以下步骤:
将所述第一画布旋转90度,得到所述第二画布。
在本实施例一种可能的实现方式中,S14中根据所述第二画布以及经旋转和缩放后的所述第一签名图像,生成目标签名图像的步骤,具体可以包括以下步骤:
将经旋转和缩放后的所述第一签名图像***所述第二画布中;
将***了所述第一签名图像的所述第二画布转换为图片格式,得到所述目标签名图像。
该实现方式中,终端设备可以调用图像绘制函数canvas.drawImage()在第二画布中绘制经旋转和缩放后的第一签名图像,进而将经旋转和缩放后的第一签名图像***第二画布中。
由于第二画布的宽度等于第一画布的高度,第二画布的高度等于第一画布的宽度,因此,将第二画布转换为图片格式后得到的目标签名图像的宽度也等于第一画布的高度,目标签名图像的高度也等于第一画布的宽度。因此,目标签名图像可以用于供终端设备进行竖屏显示。
以上可以看出,本实施例提供的竖屏手写签名的生成方法,在接收到手写签名请求时创建第一画布,并以横屏方式显示一画布,从而可以使用户将终端设备置于横屏状态,并在横屏状态下输入手写签名,且由于第一画布的宽度大于显示屏的短边的长度,因此可以为用户提供更长的横向手写签名空间,使得较长的签名可以被完整书写,且不会导致手写签名字符之间出现拥挤的现象;此外,终端设备根据第一画布以及用户在第一画布中输入的签名字符生成第一签名图像,并对第一签名图像进行处理,使第一签名图像的宽度小于或等于显示屏的短边的长度,这样便于终端设备将手写签名转变为竖屏格式,以在竖屏状态下完整显示第一签名图像,同时,终端设备通过创建第二画布,并根据第二画布和经处理的第一签名图像生成目标签名图像,由于第二画布的宽度小于或等于显示屏的短边的长度,第二画布的高度小于显示屏的长边的长度,因此基于第二画布得到的目标签名图像用于供终端设备进行竖屏显示,从而方便用户在常用的竖屏状态下查看手写签名,提高了用户体验。
在本申请的又一个实施例中,终端设备在创建第一画布后,还可以对第一画布的颜色进行配置。第一画布的颜色可以由用户进行预先设置,终端设备可以将用户设置的第一画布的颜色对应的第一颜色值进行存储。示例性的,用户预先设置的第一画布的颜色可以是白色,由于白色对应的颜色值为#FFFFFF,因此,第一颜色值可以为#FFFFFF。
基于此,该实施例中,在S12中创建第一画布的步骤之后,竖屏手写签名的生成方法还可以包括以下步骤:
将所述第一画布的颜色值设置为第一颜色值。
由于终端设备要将基于第一画布生成的第一签名图像***第二画布中得到最终的目标签名图像,因此,第二画布的颜色需要与第一画布的颜色相同,基于此,在S14中创建第二画布的步骤之后,竖屏手写签名的生成方法还可以包括以下步骤:
将所述第二画布的颜色值设置为所述第一颜色值。
以上可以看出,本实施例中,终端设备在创建第一画布和第二画布后,基于用户预先设置的第一颜色值对第一画布的颜色和第二画布的颜色进行配置,从而可以使根据用户的喜好来设置手写签名界面,即,本实施例可以为用户提供手写签名界面的颜色配置功能,从而可以提高用户体验。
请参阅图5,为本申请又一实施例提供的一种竖屏手写签名的生成方法的示意性流程图。本实施例与图1对应的实施例的区别在于,在S11之后,竖屏手写签名的生成方法还可以包括S51~S52,详述如下;
S51:接收针对签名字符的颜色设置指令;所述颜色设置指令携带目标颜色值,所述目标颜色值不同于第一颜色值。
S52:将所述目标颜色值配置为所述第一画布的签名字符的笔迹颜色。
本实施例中,用户在第一画布中输入手写签名之前,可以对签名字符的笔迹颜色进行设置。例如,终端设备可以通过点击用于显示第一画布的显示界面中的笔迹颜色设置控件来设置笔迹颜色。基于此,终端设备检测到笔迹颜色设置控件被点击时,确定接收到针对签名字符的颜色设置指令,用户获取用户选择的笔迹颜色,并确定用户选择的笔迹颜色对应的目标颜色值,且将目标颜色值排至为第一画布的签名字符的笔迹颜色。
为了能够正常显示用户输入的手写签名,目标颜色值不同于第一颜色值。
以上可以看出,本实施例提供的竖屏手写签名的生成方法,可以为用户提供手写签名的笔迹颜色设置功能,从而可以提高用户的手写签名体验。
可以理解的是,上述实施例中各步骤的序号的大小并不意味着执行顺序的先后,各过程的执行顺序应以其功能和内在逻辑确定,而不应对本申请实施例的实施过程构成任何限定。
基于上述实施例所提供的竖屏手写签名的生成方法,本发明实施例进一步给出实现上述方法实施例的竖屏手写签名的生成装置的实施例。请参阅图6,为本申请实施例提供的一种竖屏手写签名的生成装置的结构示意图。为了便于说明,仅示出了与本实施例相关的部分。如图6所示,竖屏手写签名的生成装置60可以包括:第一创建单元61、第一图像生成单元62、图像处理单元63及第二图像生成单元64。其中:
第一创建单元61用于若接收到手写签名请求,则创建第一画布,并以横屏方式显示所述第一画布;所述第一画布的宽度大于终端设备的显示屏的短边的长度,且小于或等于所述显示屏的长边的长度,所述第一画布的高度小于所述短边的长度,所述第一画布用于供用户输入手写签名。
第一图像生成单元62用于确定用户在所述第一画布中输入的签名字符,并根据所述签名字符和所述第一画布生成第一签名图像。
图像处理单元63用于将所述第一签名图像旋转90度,并对所述第一签名图像进行缩放,使所述第一签名图像的宽度小于或等于所述显示屏的短边的长度。
第二图像生成单元64用于创建第二画布,并根据所述第二画布以及经旋转和缩放后的所述第一签名图像,生成目标签名图像;所述第二画布的宽度小于或等于所述短边的长度,所述第二画布的高度小于所述长边的长度。
在一种可选的实现方式中,第一图像生成单元62可以包括字符识别单元和字符确定单元。其中:
字符识别单元用于若检测到所述第一画布中存在触控操作,则识别所述触控操作对应的字符笔迹。
字符确定单元用于若接收到签名完成指令,则根据所述字符笔迹确定所述签名字符。
在一种可选的实现方式中,字符识别单元具体用于:若检测到所述第一画布中存在触控操,则调用内容获取函数获取所述触控操作对应的字符笔迹。
在一种可选的实现方式中,第二图像生成单元具体用于:将所述第一画布旋转90度,得到所述第二画布。
在一种可选的实现方式中,第二图像生成单元可以包括图像***单元和格式转换单元。其中:
图像***单元用于将经旋转和缩放后的所述第一签名图像***所述第二画布中。
格式转换单元用于将***了所述第一签名图像的所述第二画布转换为图片格式,得到所述目标签名图像。
在一种可选的实现方式中,竖屏手写签名的生成装置60还可以包括第一颜色设置单元和第二颜色设置单元。其中:
第一颜色设置单元用于将所述第一画布的颜色值设置为第一颜色值。
第二颜色设置单元用于将所述第二画布的颜色值设置为所述第一颜色值。
在一种可选的实现方式中,竖屏手写签名的生成装置60还可以包括指令接收单元和第三颜色设置单元。其中:
指令接收单元用于接收针对签名字符的颜色设置指令;所述颜色设置指令携带目标颜色值,所述目标颜色值不同于第一颜色值。
第三颜色设置单元用于将所述目标颜色值配置为所述第一画布的签名字符的笔迹颜色。
需要说明的是,上述单元之间的信息交互、执行过程等内容,由于与本申请方法实施例基于同一构思,其具体功能及带来的技术效果,具体可参照方法实施例部分,此处不再赘述。
所属领域的技术人员可以清楚地了解到,为了描述的方便和简洁,仅以上述各功能单元的划分进行举例说明,实际应用中,可以根据需要而将上述功能分配由不同的功能单元完成,即将竖屏手写签名的生成装置的内部结构划分成不同的功能单元,以完成以上描述的全部或者部分功能。实施例中的各功能单元可以集成在一个处理单元中,也可以是各个单元单独物理存在,也可以两个或两个以上单元集成在一个单元中,上述集成的单元既可以采用硬件的形式实现,也可以采用软件功能单元的形式实现。另外,各功能单元的具体名称也只是为了便于相互区分,并不用于限制本申请的保护范围。上述***中单元的具体工作过程,可以参考前述方法实施例中的对应过程,在此不再赘述。
请参阅图7,图7为本申请实施例提供的一种终端设备的结构示意图。如图7所示,本实施例提供的终端设备7可以包括:处理器70、存储器71以及存储在存储器71中并可在处理器70上运行的计算机程序72,例如竖屏手写签名的生成方法对应的程序。处理器70执行计算机程序72时实现上述竖屏手写签名的生成方法实施例中的步骤,例如图1所示的S11~S14。或者,处理器70执行计算机程序72时实现上述竖屏手写签名的生成装置实施例中各模块/单元的功能,例如图6所示的单元61~64的功能。
示例性的,计算机程序72可以被分割成一个或多个模块/单元,一个或者多个模块/单元被存储在存储器71中,并由处理器70执行,以完成本申请。一个或多个模块/单元可以是能够完成特定功能的一系列计算机程序指令段,该指令段用于描述计算机程序72在终端设备7中的执行过程。例如,计算机程序72可以被分割成第一创建单元、第一图像生成单元、图像处理单元及第二图像生成单元,各单元的具体功能请参阅图6对应的实施例中的相关描述,此处不赘述。
本领域技术人员可以理解,图7仅仅是终端设备7的示例,并不构成对终端设备7的限定,可以包括比图示更多或更少的部件,或者组合某些部件,或者不同的部件。
处理器70可以是中央处理单元(central processing unit,CPU),还可以是其他通用处理器、数字信号处理器(digital signal processor,DSP)、专用集成电路(application specific integrated circuit,ASIC)、现成可编程门阵列(field-programmable gate array,FPGA)或者其他可编程逻辑器件、分立门或者晶体管逻辑器件、分立硬件组件等。通用处理器可以是微处理器或者该处理器也可以是任何常规的处理器等。
存储器71可以是终端设备7的内部存储单元,例如终端设备7的硬盘或内存。存储器71也可以是终端设备7的外部存储设备,例如终端设备7上配备的插接式硬盘、智能存储卡(smart media card,SMC)、安全数字(secure digital,SD)卡或闪存卡(flash card)等。进一步地,存储器71还可以既包括终端设备7的内部存储单元也包括外部存储设备。存储器71用于存储计算机程序以及终端设备所需的其他程序和数据。存储器71还可以用于暂时地存储已经输出或者将要输出的数据。
本申请实施例还提供了一种计算机可读存储介质,该计算机可读存储介质中存储有计算机程序,该计算机程序被处理器执行时可实现上述各个方法实施例中的步骤。
本申请实施例提供了一种计算机程序产品,当计算机程序产品在终端设备上运行时,使得终端设备实现上述各个方法实施例中的步骤。
在上述实施例中,对各个实施例的描述都各有侧重,某个实施例中没有详述或记载的部分,可以参照其它实施例的相关描述。
本领域普通技术人员可以意识到,结合本文中所公开的实施例描述的各示例的单元及算法步骤,能够以电子硬件、或者计算机软件和电子硬件的结合来实现。这些功能究竟以硬件还是软件方式来执行,取决于技术方案的特定应用和设计约束条件。专业技术人员可以对每个特定的应用来使用不同方法来实现所描述的功能,但是这种实现不应认为超出本申请的范围。
以上所述实施例仅用以说明本申请的技术方案,而非对其限制;尽管参照前述实施例对本申请进行了详细的说明,本领域的普通技术人员应当理解:其依然可以对前述各实施例所记载的技术方案进行修改,或者对其中部分技术特征进行等同替换;而这些修改或者替换,并不使相应技术方案的本质脱离本申请各实施例技术方案的精神和范围,均应包含在本申请的保护范围之内。
Claims (10)
1.一种竖屏手写签名的生成方法,其特征在于,包括:
若接收到手写签名请求,则创建第一画布,并以横屏方式显示所述第一画布;所述第一画布的宽度大于终端设备的显示屏的短边的长度,且小于或等于所述显示屏的长边的长度,所述第一画布的高度小于所述短边的长度;
确定用户在所述第一画布中输入的签名字符,并根据所述签名字符和所述第一画布生成第一签名图像;
将所述第一签名图像旋转90度,并对所述第一签名图像进行缩放,使所述第一签名图像的宽度小于或等于所述显示屏的短边的长度;
创建第二画布,并根据所述第二画布以及经旋转和缩放后的所述第一签名图像,生成目标签名图像;所述第二画布的宽度小于或等于所述短边的长度,所述第二画布的高度小于所述长边的长度。
2.根据权利要求1所述的方法,其特征在于,所述确定用户在所述第一画布中输入的签名字符,包括:
若检测到所述第一画布中存在触控操作,则识别所述触控操作对应的字符笔迹;
若接收到签名完成指令,则根据所述字符笔迹确定所述签名字符。
3.根据权利要求2所述的方法,其特征在于,所述若检测到所述第一画布中存在触控操作,则识别所述触控操作对应的字符笔迹,包括:
若检测到所述第一画布中存在触控操,则调用内容获取函数获取所述触控操作对应的字符笔迹。
4.根据权利要求1所述的方法,其特征在于,所述创建第二画布,包括:
将所述第一画布旋转90度,得到所述第二画布。
5.根据权利要求1所述的方法,其特征在于,所述根据所述第二画布以及经旋转和缩放后的所述第一签名图像,生成目标签名图像,包括:
将经旋转和缩放后的所述第一签名图像***所述第二画布中;
将***了所述第一签名图像的所述第二画布转换为图片格式,得到所述目标签名图像。
6.根据权利要求1所述的方法,其特征在于,所述若接收到手写签名请求,则创建第一画布之后,还包括:
将所述第一画布的颜色值设置为第一颜色值;
所述创建第二画布之后,还包括:
将所述第二画布的颜色值设置为所述第一颜色值。
7.根据权利要求1至6任意一项所述的方法,其特征在于,所述若接收到手写签名请求,则创建第一画布之后,还包括:
接收针对签名字符的颜色设置指令;所述颜色设置指令携带目标颜色值,所述目标颜色值不同于第一颜色值;
将所述目标颜色值配置为所述第一画布的签名字符的笔迹颜色。
8.一种竖屏手写签名的生成装置,其特征在于,包括:
第一创建单元,用于若接收到手写签名请求,则创建第一画布,并以横屏方式显示所述第一画布;所述第一画布的宽度大于终端设备的显示屏的短边的长度,且小于或等于所述显示屏的长边的长度,所述第一画布的高度小于所述短边的长度,所述第一画布用于供用户输入手写签名;
第一图像生成单元,用于确定用户在所述第一画布中输入的签名字符,并根据所述签名字符和所述第一画布生成第一签名图像;
图像处理单元,用于将所述第一签名图像旋转90度,并对所述第一签名图像进行缩放,使所述第一签名图像的宽度小于或等于所述显示屏的短边的长度;
第二图像生成单元,用于创建第二画布,并根据所述第二画布以及经旋转和缩放后的所述第一签名图像,生成目标签名图像;所述第二画布的宽度小于或等于所述短边的长度,所述第二画布的高度小于所述长边的长度。
9.一种终端设备,其特征在于,包括处理器、存储器以及存储在所述存储器中并可在所述处理器上运行的计算机程序,所述处理器执行所述计算机程序时实现如权利要求1至7任意一项所述的方法。
10.一种计算机可读存储介质,所述计算机可读存储介质存储有计算机程序,其特征在于,所述计算机程序被处理器执行时实现如权利要求1至7任意一项所述的方法。
Priority Applications (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210294141.3A CN114610222A (zh) | 2022-03-24 | 2022-03-24 | 竖屏手写签名的生成方法、装置、终端设备及存储介质 |
Applications Claiming Priority (1)
Application Number | Priority Date | Filing Date | Title |
---|---|---|---|
CN202210294141.3A CN114610222A (zh) | 2022-03-24 | 2022-03-24 | 竖屏手写签名的生成方法、装置、终端设备及存储介质 |
Publications (1)
Publication Number | Publication Date |
---|---|
CN114610222A true CN114610222A (zh) | 2022-06-10 |
Family
ID=81865543
Family Applications (1)
Application Number | Title | Priority Date | Filing Date |
---|---|---|---|
CN202210294141.3A Pending CN114610222A (zh) | 2022-03-24 | 2022-03-24 | 竖屏手写签名的生成方法、装置、终端设备及存储介质 |
Country Status (1)
Country | Link |
---|---|
CN (1) | CN114610222A (zh) |
Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108763320A (zh) * | 2018-04-28 | 2018-11-06 | 广东蜂助手网络技术股份有限公司 | 一种书写笔记数据存储方法、装置、终端及存储介质 |
CN108932413A (zh) * | 2017-05-22 | 2018-12-04 | 腾讯科技(北京)有限公司 | 一种数字签名生成方法、装置及存储介质 |
CN111176543A (zh) * | 2019-12-25 | 2020-05-19 | 数字广东网络建设有限公司 | 实现电子签名的方法、装置、计算机设备和存储介质 |
CN112669403A (zh) * | 2020-12-23 | 2021-04-16 | 广州佰锐网络科技有限公司 | 一种手写签名的图像生成方法、装置、终端设备及存储介质 |
CN113311978A (zh) * | 2021-07-29 | 2021-08-27 | 江苏荣泽信息科技股份有限公司 | 基于区块链的企业信用信息服务管理*** |
CN113722031A (zh) * | 2021-07-09 | 2021-11-30 | 广州南方仕通网络科技有限公司 | 一种电子签名的动态展示方法、设备、介质及产品 |
CN215679328U (zh) * | 2021-09-23 | 2022-01-28 | 深圳市美至科技有限公司 | 支持竖屏横显的电磁液晶签字屏 |
CN114089932A (zh) * | 2020-06-29 | 2022-02-25 | 华为技术有限公司 | 多屏显示方法、装置、终端设备及存储介质 |
-
2022
- 2022-03-24 CN CN202210294141.3A patent/CN114610222A/zh active Pending
Patent Citations (8)
Publication number | Priority date | Publication date | Assignee | Title |
---|---|---|---|---|
CN108932413A (zh) * | 2017-05-22 | 2018-12-04 | 腾讯科技(北京)有限公司 | 一种数字签名生成方法、装置及存储介质 |
CN108763320A (zh) * | 2018-04-28 | 2018-11-06 | 广东蜂助手网络技术股份有限公司 | 一种书写笔记数据存储方法、装置、终端及存储介质 |
CN111176543A (zh) * | 2019-12-25 | 2020-05-19 | 数字广东网络建设有限公司 | 实现电子签名的方法、装置、计算机设备和存储介质 |
CN114089932A (zh) * | 2020-06-29 | 2022-02-25 | 华为技术有限公司 | 多屏显示方法、装置、终端设备及存储介质 |
CN112669403A (zh) * | 2020-12-23 | 2021-04-16 | 广州佰锐网络科技有限公司 | 一种手写签名的图像生成方法、装置、终端设备及存储介质 |
CN113722031A (zh) * | 2021-07-09 | 2021-11-30 | 广州南方仕通网络科技有限公司 | 一种电子签名的动态展示方法、设备、介质及产品 |
CN113311978A (zh) * | 2021-07-29 | 2021-08-27 | 江苏荣泽信息科技股份有限公司 | 基于区块链的企业信用信息服务管理*** |
CN215679328U (zh) * | 2021-09-23 | 2022-01-28 | 深圳市美至科技有限公司 | 支持竖屏横显的电磁液晶签字屏 |
Non-Patent Citations (2)
Title |
---|
HAO_0413: "《canvas实现电子签名》", pages 1 - 5, Retrieved from the Internet <URL:《https://blog.csdn.net/weixin_41977619/article/details/121020280》> * |
XUEYYYYYYYYYYYYYY: "《canvas签字版强制横屏,签字完成竖屏下回显签名》", pages 1 - 5, Retrieved from the Internet <URL:《https://blog.csdn.net/weixin_39812195/article/details/111953200》> * |
Similar Documents
Publication | Publication Date | Title |
---|---|---|
CN109766879B (zh) | 字符检测模型的生成、字符检测方法、装置、设备及介质 | |
US20120287070A1 (en) | Method and apparatus for notification of input environment | |
CN110659633A (zh) | 图像文本信息的识别方法、装置以及存储介质 | |
CN111290684B (zh) | 图像显示方法、图像显示装置及终端设备 | |
JP7389824B2 (ja) | オブジェクト識別方法と装置、電子機器及び記憶媒体 | |
CN113627428A (zh) | 文档图像矫正方法、装置、存储介质及智能终端设备 | |
CN112597940B (zh) | 证件图像识别方法、装置及存储介质 | |
WO2009029449A1 (en) | User interface method for skew correction | |
CN108989704B (zh) | 图像生成方法和装置、终端设备 | |
CN112417899A (zh) | 文字翻译方法、装置、计算机设备和存储介质 | |
US10049268B2 (en) | Selective, user-mediated content recognition using mobile devices | |
US7280693B2 (en) | Document information input apparatus, document information input method, document information input program and recording medium | |
CN114495146A (zh) | 图像文本检测方法、装置、计算机设备及存储介质 | |
CN111414914A (zh) | 图像识别方法、装置、计算机设备和存储介质 | |
CN107679222B (zh) | 图片处理方法、移动终端及计算机可读存储介质 | |
CN111027533B (zh) | 一种点读坐标的变换方法、***、终端设备及存储介质 | |
CN114610222A (zh) | 竖屏手写签名的生成方法、装置、终端设备及存储介质 | |
US11074392B2 (en) | Information processing apparatus and non-transitory computer readable medium for switching between an attribute information mode and an image information mode | |
CN111079771B (zh) | 点读图像的特征提取方法、***、终端设备及存储介质 | |
US10762344B2 (en) | Method and system for using whiteboard changes as interactive directives for vectorization software | |
JP6676121B2 (ja) | データ入力装置及びデータ入力プログラム | |
CN111582143A (zh) | 基于图像识别的学生课堂签到方法、装置及存储介质 | |
CN111078351B (zh) | 一种动态演示界面的加载方法及*** | |
CN110875875B (zh) | 电子红包消息检测方法、检测装置及终端设备 | |
CN110895698B (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 |