CN107943363B - 背景图像的配置方法及装置、交互智能平板及存储介质 - Google Patents
背景图像的配置方法及装置、交互智能平板及存储介质 Download PDFInfo
- Publication number
- CN107943363B CN107943363B CN201711164199.1A CN201711164199A CN107943363B CN 107943363 B CN107943363 B CN 107943363B CN 201711164199 A CN201711164199 A CN 201711164199A CN 107943363 B CN107943363 B CN 107943363B
- Authority
- CN
- China
- Prior art keywords
- background image
- vector diagram
- target
- information
- canvas
- 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 54
- 230000002452 interceptive effect Effects 0.000 title claims abstract description 27
- 238000010586 diagram Methods 0.000 claims abstract description 222
- 238000010276 construction Methods 0.000 claims description 10
- 238000006243 chemical reaction Methods 0.000 claims description 4
- 238000004590 computer program Methods 0.000 claims description 3
- 238000012905 input function Methods 0.000 description 4
- 230000006870 function Effects 0.000 description 3
- 230000008569 process Effects 0.000 description 3
- 239000003086 colorant Substances 0.000 description 2
- 238000005516 engineering process Methods 0.000 description 2
- 230000003993 interaction Effects 0.000 description 2
- 238000009877 rendering Methods 0.000 description 2
- 230000009286 beneficial effect Effects 0.000 description 1
- 238000004364 calculation method Methods 0.000 description 1
- 230000000295 complement effect Effects 0.000 description 1
- 230000007547 defect Effects 0.000 description 1
- 238000011161 development Methods 0.000 description 1
- 230000000694 effects Effects 0.000 description 1
- 230000010365 information processing Effects 0.000 description 1
- 238000010295 mobile communication Methods 0.000 description 1
- 230000003287 optical effect Effects 0.000 description 1
- 238000005457 optimization Methods 0.000 description 1
- 239000003973 paint Substances 0.000 description 1
- 238000012545 processing Methods 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/0481—Interaction techniques based on graphical user interfaces [GUI] based on specific properties of the displayed interaction object or a metaphor-based environment, e.g. interaction with desktop elements like windows or icons, or assisted by a cursor's changing behaviour or appearance
-
- G—PHYSICS
- G06—COMPUTING; CALCULATING OR COUNTING
- G06T—IMAGE DATA PROCESSING OR GENERATION, IN GENERAL
- G06T15/00—3D [Three Dimensional] image rendering
- G06T15/005—General purpose rendering architectures
Landscapes
- Engineering & Computer Science (AREA)
- Theoretical Computer Science (AREA)
- Physics & Mathematics (AREA)
- General Physics & Mathematics (AREA)
- General Engineering & Computer Science (AREA)
- Computer Graphics (AREA)
- Human Computer Interaction (AREA)
- Processing Or Creating Images (AREA)
- Image Generation (AREA)
Abstract
本发明公开了一种背景图像的配置方法及装置、交互智能平板及存储介质。该方法包括：获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素；根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。本发明实施例通过采用上述技术方案，基于矢量图绘制画布的背景图像，可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况，提高用户的使用体验。
Description
技术领域
本发明涉及智能设备领域，尤其涉及一种背景图像的配置方法及装置、交互智能平板及存储介质。
背景技术
随着信息处理技术及电子技术的发展，配置有触摸屏的交互智能平板也逐渐取代传统的展示屏被应用到教学和办公等各个领域。
在人机交互的实现过程中，供用户通过触控笔或手指进行文字书写或图像绘制的手写输入功能是交互智能平板常见的人机交互方式之一。在用户进行手写输入操作时，通常会首先检测用户在交互智能平板触摸屏上的触摸轨迹，然后在交互智能平板的画布上对该触摸轨迹进行绘制与显示，从而实现交互智能平板的手写输入功能。而为了满足不同用户的手写输入需求，交互智能平板中一般会为其画布配置若干种所包含纹理不同的背景图片以供用户在通过画布手写输入时进行选择。
但是，发明人在实现本发明的过程中发现现有技术存在如下技术缺陷：交互智能平板画布所配置的背景图片往往需要占用较大的存储空间，且在缩放时容易出现失真的情况，导致用户使用体验较差。
发明内容
有鉴于此，本发明实施例提供一种背景图像的配置方法及装置、交互智能平板及存储介质，以解决现有技术中交互智能平板画布所配置的背景图片占用存储空间较大且容易失真的技术问题。
第一方面，本发明实施例提供了一种背景图像的配置方法，包括：
获取互补目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素；
根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。
第二方面，本发明实施例提供了一种背景图像的配置装置，包括：
矢量图元素信息获取模块，用于获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素；
目标背景图像绘制模块，用于根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。
第三方面，本发明实施例提供了一种交互智能平板，包括：
一个或多个处理器；
存储器，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例所述的背景图像的配置方法。
第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明实施例所述的背景图像的配置方法。
在上述配置背景图像的技术方案中，获取画布目标背景图像中各目标矢量图元素的矢量图元素信息，根据该矢量图元素信息在画布中绘制目标矢量图元素并删除画布的原始背景图像中包含的各原始矢量图元素，以将画布的背景由该原始背景图像替换为该目标背景图像。上述配置背景图像的技术方案，基于矢量图绘制画布的背景图像，可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况，提高用户的使用体验。
附图说明
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：
图1为本发明实施例一提供的一种背景图像的配置方法的流程示意图；
图2为本发明实施例二提供的一种背景图像的配置方法的流程示意图；
图3为本发明实施例三提供的一种背景图像的配置方法的流程示意图；
图4为本发明实施例四提供的一种背景图像的配置装置的结构框图；
图5为本发明实施例五提供的一种交互智能平板的结构示意图。
具体实施方式
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部内容。
实施例一
本发明实施例一提供一种背景图像的配置方法。该方法可由背景图像的配置装置执行，其中，该装置可以由软件和/或硬件实现，一般可集成在具有手写输入功能的电子设备(典型的如交互智能平板)中。图1是本发明实施例一提供的背景图像的配置方法的流程示意图，如图1所示，该方法包括：
S110、获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素。
本实施例中，目标背景图像可以理解为用作画布背景的矢量图格式的图像，目标背景图像的矢量图元素信息可以理解为构成矢量图格式的目标背景图像的各矢量图元素的图像信息，如目标矢量图元素的形状、尺寸、绘制方向、线条宽度、线条颜色、目标矢量图元素在目标背景图像中的位置坐标和/或目标矢量图元素的填充色等等。其中，目标矢量图元素可以理解为构成矢量图格式的目标背景图像中的各矢量图元素，目标背景图像可以由一个或多个目标矢量图元素构成，即目标背景图像中可以包含一个或多个目标矢量图元素。
在本技术方案中，目标背景图像可以为在画布所属电子设备或其他第三方存储设备(如U盘、移动硬盘、手机或平板电脑等)中存储的矢量图图像，相应的，画布目标背景图像的矢量图元素信息可以从画布所属电子设备中获取，也可以从与画布所属电子设备相连的其他第三方存储设备中获取。考虑到画布所属电子设备或其他第三方存储设备中存储的矢量图格式的背景图像的不唯一性，可选的，获取画布目标背景图像的矢量图元素信息时，可以首先基于用户的选取操作等方法确定目标背景图像，然后再基于该目标背景图像获取其矢量图元素信息。其中，矢量图元素信息可以独立于目标背景图像的图像信息单独存储，也可以包含在目标背景图像的图像信息中，相应的，在获取目标背景图像的矢量图元素信息时，可以首先基于目标背景图像确定目标背景图像矢量图元素信息的存储地址，然后从该存储地址读取目标背景图像的矢量图元素信息；也可以首先获取目标背景图像的图像信息，然后对该图像信息进行解析，以得到目标背景图像的图像信息中包含的矢量图元素信息，此处不作限制。
S120、根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。
本实施例中，绘制目标背景图像中的目标矢量图元素与删除原始背景图像中的原始矢量图元素的执行顺序可以根据需要设定，如可以按照先后顺序或同时执行，此处不作限制。为了提高画布背景图像替换过程中画布显示界面的清晰性，可选的，可以首先删除画布中绘制的原始背景图像中的各原始矢量图元素(即首先删除画布的原始背景图像)，然后再在画布中绘制目标背景图像的目标矢量图元素。其中，当目标背景图像中包含多个目标矢量图元素时，各目标矢量图元素可以同时绘制或按照设定绘制顺序进行绘制，如可以按照随机顺序或者基于各目标矢量图元素在目标背景图像中的相对位置，按照由上向下、由下向上、由左向右或由右向左等顺序进行绘制。
示例性的，在绘制某一目标矢量图元素时，可以首先根据该矢量图元素的矢量图元素信息确定该矢量图元素的绘制位置、绘制方向及线条颜色等信息，然后在目标背景图像中采用相应的线条按照该绘制方向进行绘制，以形成该目标矢量图元素。
本发明实施例一提供的背景图像的配置方法，获取模块获取画布目标背景图像中各目标矢量图元素的矢量图元素信息，根据该矢量图元素信息在画布中绘制目标矢量图元素并删除画布的原始背景图像中包含的各原始矢量图元素，以将画布的背景由该原始背景图像替换为该目标背景图像。本实施例通过采用上述技术方案，基于矢量图绘制画布的背景图像，可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况，提高用户的使用体验。
在上述实施例的基础上，在所述获取画布的目标背景图像的矢量图元素信息之前，还可以包括：按照设定构建规则构建画布的目标背景图像。本技术方案中，目标背景图像可以为在画布所属电子设备或第三方存储设备中已有的目标背景图像，也可以为基于用户操作或按照设定构建规则构建的背景图像，即，用户可以选用现有的某一张矢量图作为画布的目标背景图像，也可以根据自身的使用需求构建目标背景图像，此处不作限制。其中，目标背景图像的构建规则可以灵活设置，例如，可以基于用户在画布中的绘制操作生成画布的目标背景图像；也可以基于用户对已有矢量图中矢量图元素的调整，通过在已有矢量图中添加一个或多个新的矢量图元素、删除一个或多个矢量图中已存在的矢量图元素和/或调整矢量图中已存在矢量图元素的尺寸、位置或方向等方式构建形成不同于该矢量图的目标背景图像，此处不作限制。
实施例二
图2为本发明实施例二提供的一种背景图像的配置方法的流程示意图。本实施例在上述实施例的基础上进行优化，在本实施例中，将“获取画布目标背景图像的矢量图元素信息”优化为：按照设定规则确定画布目标背景图像并获取所述目标背景图像的图像信息，所述图像信息中包含至少一个矢量图标签；基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息，并将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。
进一步地，在所述基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息之前，还可以包括：确定所述图像信息不存在对应的符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。
进一步地，在所述将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息之后，还可以包括：存储所述矢量图元素信息，并建立所述矢量图元素信息与所述图像信息之间的对应关系。
相应的，如图2所示，本实施例提供的背景图像的配置方法包括：
S210、按照设定规则确定画布的目标背景图像并获取所述目标背景图像的图像信息，所述图像信息中包含至少一个矢量图标签。
其中，目标背景图像的图像信息可以理解为用于描述目标背景图像的信息。矢量图标签可以理解为与目标背景图像中的目标矢量图元素一一对应的用于标识各目标矢量图元素的标签。示例性的，可以预先建立各背景图像与其图像信息的存储位置之间的对应关系，相应的，在获取目标背景图像的图像信息时，可以基于该对应关系确定目标背景图像的图像信息的存储位置并从该存储位置处获取目标背景图像的图像信息即可。
本实施例中，确定画布的目标背景图像的设定规则可以根据需要设置，例如，可以基于用户的选取操作，将用户选取的矢量图确定为目标背景图像；也可以将设置的默认背景图像确定为画布的目标背景图像，或者，按照设定的替换顺序，将在该替换顺序中与画布当前使用的原始背景图像相邻且位于该原始背景图像之后的背景图像确定为目标背景图像，此处不作限制。考虑到所确定的目标背景图像与用户意愿的相符性，可选的，若用户选取了某一张用作画布背景的矢量图，则可以将该矢量图确定为画布的目标背景图像；若用户未选取矢量图，则可以按照用户设定的背景图像替换规则，在当前条件(如当前时间或原始背景图像的当前使用次数等)符合背景图像的替换条件时，则将用户设置的替换顺序中原始背景图像对应的下一张背景图像确定为目标背景图像；若用户未设置背景图像的替换规则，则可以按照默认替换顺序确定目标背景图像或将默认的背景图像确定为目标背景图像。
S220、确定所述图像信息不存在对应的符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。
其中，画布对应操作系统为画布对应的操作系统。由于矢量图格式的目标背景图像通常是基于国际化标准下的矢量图格式标准(如基于SVG(Scalable Vector Graphics，可缩放矢量图形)或IWB(Interactive Whiteboard，交互式电子白板)等格式)生成的矢量图，因此，当画布对应的操作系统为Windows操作系统，则可以直接读取目标背景图像的图像信息并基于该图像信息绘制目标背景图像；当画布对应的操作系统为Windows系统之外的其他系统，如安卓系统等，则可以首先对目标背景图像的图像信息进行解析，将目标背景图像中的图像信息转换为画布对应操作系统下的矢量图元素信息，从而可以基于该矢量图元素信息绘制目标背景图像中的矢量图元素，以完成对目标背景图像的绘制。本实施例以画布所属系统为非Windows系统为例进行说明。
本实施例中，在获取目标背景图像的图像信息之后，可以不考虑目标背景图像是否已经进行过解析操作，直接执行S230对该目标背景图像的图像信息进行解析得到目标背景图像的矢量图元素信息并基于该矢量图元素信息绘制目标背景图像中的矢量图元素；也可以首先判断目标背景图像是否已经进行过解析操作(即判断图像信息是否存在对应的符合画布对应操作系统的矢量图格式规范的矢量图元素信息)，若是，则可以不执行S230，直接基于该图像信息获取目标背景图像的矢量图元素信息，若否，则可以执行S230对该目标背景图像的图像信息进行解析得到目标背景图像的矢量图元素信息，此处不作限制。
考虑到对目标背景图像的图像信息进行解析所需的计算量，优选的，在获取目标背景图像的图像信息之后，可以首先判断目标背景图像的图像信息是否存在对应的符合画布对应操作系统的矢量图格式规范的矢量图元素信息，若判断确定目标背景图像的图像信息存在对应的矢量图元素信息，则可以获取该矢量图元素信息并执行S250；若判断确定目标背景图像的图像信息不存在对应的矢量图元素信息，则可以首先执行S230对该目标背景图像的图像信息进行解析得到目标背景图像的矢量图元素信息。
S230、基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息，并将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。
本实施例中，在确定矢量图元素信息时，可以基于目标背景图像的图像信息中的矢量图标签获取目标背景图像中的目标矢量图元素的待转换元素信息并获取画布对应操作系统的矢量图格式规范，然后采用该矢量图格式规范对所获取的待转换元素信息进行转换以得到目标背景图像的目标矢量图元素的矢量图元素信息。
假设目标背景图像为SVG格式的矢量图，画布对应操作系统为安卓系统，示例性的，在对目标背景图像的待转换元素信息进行转换时，可以首先获取目标背景图像的SVG文件流并对所获取的SVG文件流的SVG节点进行解析，得到该SVG文件流中的path(路径)、line(线段)、rect(矩形)、polygon(多边形)、ellipse(椭圆形)和/或image(图像)等矢量图标签；然后读取该各矢量图标签下的待转换元素信息并将其转换为安卓系统下对应的Java类，从而实现将待转换元素信息转换为矢量图元素信息。例如，假设解析确定SVG文件流中存在一个ellipse标签：<ellipse cx＝"100"cy＝"100"rx＝"50"ry＝"50"stroke＝"#000000"stroke-width＝"10">，此时，举例而言，可以首先建立椭圆形对应的Java类，然后将该标签中的“cx＝"100"”、“cy＝"100"”、“rx＝"50"”和“ry＝"50"”转换为安卓系统椭圆形的Java类下的点的信息，将该标签中的“stroke＝"#000000"”和“stroke-width＝"10"”转换为安卓系统椭圆形的Java类下的Paint(绘制)信息，从而在后续S250中可以直接基于该Java类对该椭圆形进行绘制。
S240、根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。
S250、存储所述矢量图元素信息，并建立所述矢量图元素信息与所述图像信息之间的对应关系。
本实施例中，在转换得到目标背景图像的矢量图元素信息之后，可以对矢量图元素信息进行存储并建立该矢量图元素信息与目标背景图像的图像信息之间的对应关系，以便后续再次采用该目标背景图像作为画布的背景时可以直接根据目标背景图像的图像信息调用目标背景图像的矢量图元素信息。
矢量图元素信息与图像信息之间的建立规则可以根据需要设置，例如，可以通过将目标背景图像矢量图元素的矢量图元素信息与目标背景图像的图像信息存储在目标背景图像对应的同一存储位置中以实现目标背景图像矢量图元素信息与其图像信息之间对应关系的建立；或者，也可以预先建立用于记录不同背景图像的图像信息与其矢量图元素信息之间的对应关系的配置文件，并在将目标背景图像的待转换元素信息转换为矢量图元素信息之后，将该矢量图元素信息的存储位置与图像信息的存储位置对应存储在该配置文件中，从而建立目标背景图像的矢量图元素信息与其图像信息之间的对应关系。其中，矢量图元素信息的存储位置可以灵活设置，例如可以存储在预先设置的默认存储位置处，如可以预先在画布所属电子设备或该电子设备对应的服务器中建立矢量图背景元素图库，并在转换得到目标背景图像的矢量图元素信息后，将该矢量图元素信息存储在该矢量图背景元素图库中；也可以基于将矢量图元素信息存储在画板所属设备或第三方设备中用户选取的存储位置处，此处不作限制。
在此，需要指出的是，虽然本实施例中以目标背景图像的矢量图元素信息与目标背景图像的图像信息具有对应关系为例进行说明，但是，可以理解的是，本发明技术方案中同样可以建立目标背景图像的矢量图元素信息与目标背景图像以及目标背景图像的图像信息与目标背景图像之间的对应关系，相应的，在确定目标背景图像之后，可以首先基于该目标背景图像确定其是否存在对应的矢量图背景图像，若存在，则可以基于该矢量图背景图像进行后续绘制目标矢量图元素的操作；若不存在，则可以基于该目标背景图像获取其对应的图像信息，并对该图像信息进行解析以得到目标背景图像的矢量图元素信息，此时，其同样在本发明的保护范围之内。
本发明实施例二提供的背景图像的配置方法，按照设定规则确定画布的目标背景图像并获取该目标背景图像的图像信息，在确定该图像信息不存在对应的矢量图元素信息时，基于该图像信息中的矢量图标签确定目标背景图像的目标矢量图元素的待转换元素信息，对该待转换元素信息进行转换得到目标背景图像的矢量图元素信息，基于该矢量图元素信息绘制目标背景图像，对该矢量图元素信息进行存储并建立该矢量图元素信息与目标背景图像的图像信息之间的对应关系。本实施例通过采用上述方案，不但可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况；还可以提高目标背景图像的绘制效率，提高用户的使用体验。
实施例三
图3为本发明实施例三提供的一种背景图像的配置方法的流程示意图，本实施例在上式实施例的基础上进行优化，在本实施例中，将“按照设定构建规则构建画布的目标背景图像”优化为：获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息，所述元素调整信息包括尺寸调整信息和/或位置调整信息；根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整，以生成目标背景图像；在设定矢量图格式下保存所述目标背景图像的图像信息，所述图像信息包括所述待调整矢量图元素调整生成的目标矢量图元素的待转换元素信息以及所述目标矢量图元素的矢量图标签。
相应的，如图3所示，本实施例提供的背景图像的配置方法包括：
S310、获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息，所述元素调整信息包括尺寸调整信息和/或位置调整信息。
本实施例中，用户可以基于自身的需求对待调整背景图像中的待调整矢量图元素的尺寸和/或显示位置进行调整。其中，对待调整矢量图元素的显示位置进行调整优选包括对待调整矢量图元素的方向进行调整(即对待调整矢量图元素进行旋转)的情况。此时，可以基于用户的调整请求生成待调整背景图像的元素调整信息，并基于该元素调整信息和待调整背景图像的原始元素信息对待调整背景图像中的待调整矢量图元素进行调整，以满足不同用户的不用使用需求。
其中，待调整背景图像中的各待调整矢量图元素可以为用户从设定存储位置选取的现有的矢量图元素，也可以为用户在画布中绘制的矢量图元素，此时，优选的，在所述获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息之前，还可以包括：将用户在设定存储位置选取的至少一个矢量图元素确定为待调整矢量图元素，获取所述目标矢量图元素的原始元素信息，并基于所述原始元素信息在所述画布中绘制所述目标矢量图元素；和/或，将用户在画布中绘制的矢量图元素确定为待调整矢量图元素；基于所述待调整矢量图元素构建待调整背景图像。其中，设定存储位置可以为画布所属电子设备或第三方存储设备。
S320、根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整，以生成目标背景图像。
示例性的，在对待调整背景图像中的待调整矢量图元素进行调整时，可以首先基于待调整背景图像的原始元素信息和元素调整信息中的尺寸调整信息确定待调整矢量图元素调整后的尺寸信息，和/或，基于待调整背景图像的原始元素信息和元素调整信息中的位置调整信息确定待调整矢量图元素调整后的位置信息，然后按照该调整后的尺寸信息和/或位置信息绘制目标背景图像并删除画布中的绘制的待调整背景图像，以完成对待调整背景图像的调整。
本实施例中，在对待调整背景图像的尺寸和/或位置进行调整后，为了进一步提高所生成目标背景图像的显示效果，还可以自动或基于用户的操作对各待调整矢量图元素的线条颜色进行调整。此时，可选的，如果用户设置了待调整矢量图元素调整后的目标线条颜色，则可以将待调整矢量图元素的线条颜色调整为用户设置的目标线条颜色；如果用户未设置待调整矢量图元素调整后的目标线条颜色，则可以基于待调整矢量图元素位置和/或尺寸调整后的背景色确定待调整矢量图元素的目标线条颜色并基于该目标线条颜色待调整矢量图元素的线条颜色进行调整，此时，优选的，在所述根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整之后，还包括：根据所述画布中所述目标矢量图元素的背景颜色确定所述待调整矢量图元素的目标线条颜色，并将所述待调整矢量图元素的原始线条颜色调整为所述目标线条颜色，所述目标线条颜色与所述背景颜色位于不同色系中，从而提高调整后生成的目标矢量图元素显示时的清晰度。其中，根据目标矢量图元素的背景颜色确定目标线条颜色时的确定规则可以根据需要设置，举例而言，如果目标矢量图元素的背景颜色为黑色，则可以将其目标线条颜色确定为白色或其他与黑色色系相差较大的颜色；如果目标矢量图元素的背景颜色为白色，则可以将其目标线条颜色确定为黑色或其他与白色色系相差较大的颜色。
S330、在设定矢量图格式下保存所述目标背景图像的图像信息，所述图像信息包括所述待调整矢量图元素调整生成的目标矢量图元素的待转换元素信息以及所述目标矢量图元素的矢量图标签。
本实施例中，可以按照设定的矢量图格式保存目标背景图像，此时，相应的，可以在该设定矢量图格式下对目标背景图像的图像信息进行保存。其中，设定矢量图格式可以根据需要设置，例如，可以将目标背景图像保存为SVG或IWB等格式的矢量图，并基于SVG或IWB等矢量图格式对应的格式标准保存目标背景图像的图像信息。
S340、获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素。
S350、根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。
本发明实施例三提供的背景图像的配置方法，基于画布中绘制的待调整背景图像的原始元素信息和元素调整信息对待调整背景图像中包含的待调整矢量图元素进行调整生成目标背景图像，不但可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况；还可以确保画布的背景图像可以满足不同用户的不同使用需求，提高用户的使用体验。
实施例四
本发明实施例四提供一种背景图像的配置装置，该装置可由软件和/或硬件实现，一般可以集成在具有手写输入功能的电子设备(典型的如交互智能平板)中，可通过执行背景图像的配置方法实现对电子设备画布背景图像的配置。图4为本实施例提供的背景图像的配置装置的结构框图，如图4所示，该装置包括：
矢量图元素信息获取模块401，用于获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素；
目标背景图像绘制模块402，用于根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。
本发明实施例四提供的背景图像的配置装置，通过矢量图元素信息获取模块获取画布目标背景图像中各目标矢量图元素的矢量图元素信息，通过目标背景图像绘制模块根据该矢量图元素信息在画布中绘制目标矢量图元素并删除画布的原始背景图像中包含的各原始矢量图元素，以将画布的背景由该原始背景图像替换为该目标背景图像。本实施例通过采用上述技术方案，基于矢量图绘制画布的背景图像，可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况，提高用户的使用体验。
在上述方案中，所述矢量图元素信息获取模块401可以包括：图像信息获取单元，用于按照设定规则确定画布的目标背景图像并获取所述目标背景图像的图像信息，所述图像信息中包含至少一个矢量图标签；矢量图元素信息转换单元，用于基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息，并将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。
进一步地，所述矢量图元素信息获取模块401还可以包括：矢量图元素信息确定单元，用于在所述基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息之前，确定所述图像信息不存在对应的符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。
进一步地，所述矢量图元素信息获取模块401还可以包括：矢量图元素信息存储单元，用于在所述将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息之后，存储所述矢量图元素信息，并建立所述矢量图元素信息与所述图像信息之间的对应关系。
进一步地，本实施例提供的背景图像的配置装置还可以包括：目标背景图像构建模块，用于在所述获取画布的目标背景图像的矢量图元素信息之前，按照设定构建规则构建画布的目标背景图像。
在上述方案中，所述目标背景图像构建模块可以包括：信息获取单元，用于获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息，所述元素调整信息包括尺寸调整信息和/或位置调整信息；目标背景图像生成单元，用于根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整，以生成目标背景图像；目标背景图像保存单元，用于在设定矢量图格式下保存所述目标背景图像的图像信息，所述图像信息包括所述待调整矢量图元素调整生成的目标矢量图元素的待转换元素信息以及所述目标矢量图元素的矢量图标签。
进一步地，所述目标背景图像构建模块可以包括还可以包括：待调整矢量图元素确定单元，用于在所述获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息之前，将用户在设定存储位置选取的至少一个矢量图元素确定为待调整矢量图元素，获取所述目标矢量图元素的原始元素信息，并基于所述原始元素信息在所述画布中绘制所述目标矢量图元素；和/或，将用户在画布中绘制的矢量图元素确定为待调整矢量图元素；待调整背景图像构建单元，用于基于所述待调整矢量图元素构建待调整背景图像。
进一步地，所述目标背景图像生成单元还可以用于：在所述根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整之后，根据所述画布中所述目标矢量图元素的背景颜色确定所述待调整矢量图元素的目标线条颜色，并将所述待调整矢量图元素的原始线条颜色调整为所述目标线条颜色，所述目标线条颜色与所述背景颜色位于不同色系中。
本发明实施例四提供的背景图像的配置装置可执行本发明任意实施例提供的背景图像的配置方法，具备执行背景图像的配置方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明任意实施例所提供的背景图像的配置方法。
实施例五
图5为本发明实施例五提供的一种交互智能平板的结构示意图，如图5所示，该交互智能平板包括处理器50和存储器51，还可以包括输入装置52和输出装置53；交互智能平板中处理器50的数量可以是一个或多个，图5中以一个处理器50为例；交互智能平板中的处理器50、存储器51、输入装置52和输出装置53可以通过总线或其他方式连接，图5中以通过总线连接为例。
存储器51作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的背景图像的配置方法对应的程序指令/模块(例如，背景图像的配置装置中的矢量图元素信息获取模块401、和目标背景图像绘制模块402)。处理器50通过运行存储在存储器51中的软件程序、指令以及模块，从而执行交互智能平板的各种功能应用以及数据处理，即实现上述的背景图像的配置方法。
存储器51可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器51可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器51可进一步包括相对于处理器50远程设置的存储器，这些远程存储器可以通过网络连接至交互智能平板。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。
输入装置52可用于接收输入的数字或字符信息，以及产生与交互智能平板的用户设置以及功能控制有关的键信号输入。输出装置53可包括显示屏等显示设备。
实施例六
本发明实施例六还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行一种背景图像的配置方法，该方法包括：
获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素；
根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。
当然,本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的背景图像的配置方法中的相关操作。
通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。
值得注意的是，上述背景图像的配置装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。
注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。
Claims (10)
1.一种背景图像的配置方法，其特征在于，包括：
按照设定规则确定画布的目标背景图像并获取所述目标背景图像的图像信息，所述目标背景图像中包含至少一个目标矢量图元素，所述图像信息中包含至少一个矢量图标签；
基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息，并将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息；
根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。
2.根据权利要求1所述的方法，其特征在于，在所述基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息之前，还包括：
确定所述图像信息不存在对应的符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。
3.根据权利要求2所述的方法，其特征在于，在所述将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息之后，还包括：
存储所述矢量图元素信息，并建立所述矢量图元素信息与所述图像信息之间的对应关系。
4.根据权利要求1所述的方法，其特征在于，在所述按照设定规则确定画布的目标背景图像并获取所述目标背景图像的图像信息之前，还包括：
按照设定构建规则构建画布的目标背景图像。
5.根据权利要求4所述的方法，其特征在于，所述按照设定构建规则构建画布的目标背景图像，包括：
获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息，所述元素调整信息包括尺寸调整信息和/或位置调整信息；
根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整，以生成目标背景图像；
在设定矢量图格式下保存所述目标背景图像的图像信息，所述图像信息包括所述待调整矢量图元素调整生成的目标矢量图元素的待转换元素信息以及所述目标矢量图元素的矢量图标签。
6.根据权利要求5所述的方法，其特征在于，在所述获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息之前，还包括：
将用户在设定存储位置选取的至少一个矢量图元素确定为待调整矢量图元素，获取所述目标矢量图元素的原始元素信息，并基于所述原始元素信息在所述画布中绘制所述目标矢量图元素；和/或，将用户在画布中绘制的矢量图元素确定为待调整矢量图元素；
基于所述待调整矢量图元素构建待调整背景图像。
7.根据权利要求5所述的方法，其特征在于，在所述根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整之后，还包括：
根据所述画布中所述目标矢量图元素的背景颜色确定所述待调整矢量图元素的目标线条颜色，并将所述待调整矢量图元素的原始线条颜色调整为所述目标线条颜色，所述目标线条颜色与所述背景颜色位于不同色系中。
8.一种背景图像的配置装置，其特征在于，包括：
矢量图元素信息获取模块，用于获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素；
目标背景图像绘制模块，用于根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像；
其中，所述矢量图元素信息获取模块包括：
图像信息获取单元，用于按照设定规则确定画布的目标背景图像并获取所述目标背景图像的图像信息，所述图像信息中包含至少一个矢量图标签；
矢量图元素信息转换单元，用于基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息，并将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。
9.一种交互智能平板，其特征在于，所述交互智能平板包括：
一个或多个处理器；
存储器，用于存储一个或多个程序，
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现如权利要求1-7中任一所述的背景图像的配置方法。
10.一种计算机可读存储介质，其上存储有计算机程序，其特征在于，该程序被处理器执行时实现如权利要求1-7中任一所述的背景图像的配置方法。
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711164199.1A CN107943363B (zh) | 2017-11-21 | 2017-11-21 | 背景图像的配置方法及装置、交互智能平板及存储介质 |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711164199.1A CN107943363B (zh) | 2017-11-21 | 2017-11-21 | 背景图像的配置方法及装置、交互智能平板及存储介质 |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107943363A CN107943363A (zh) | 2018-04-20 |
| CN107943363B true CN107943363B (zh) | 2020-10-02 |
Family
ID=61929518
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711164199.1A Active CN107943363B (zh) | 2017-11-21 | 2017-11-21 | 背景图像的配置方法及装置、交互智能平板及存储介质 |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107943363B (zh) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108833739A (zh) * | 2018-06-28 | 2018-11-16 | 广州视源电子科技股份有限公司 | 图像输出设备和图像输出方法 |
| CN109241304B (zh) * | 2018-08-16 | 2021-12-03 | 广州视源电子科技股份有限公司 | 图片处理方法、装置及设备 |
| CN109445669B (zh) * | 2018-11-06 | 2022-03-22 | 湖南中医药大学 | 一种对图片进行显示与绘制的方法 |
| CN111489283B (zh) * | 2019-01-25 | 2023-08-11 | 鸿富锦精密工业(武汉)有限公司 | 图片格式转换方法、装置及计算机存储介质 |
| CN111741348B (zh) * | 2019-05-27 | 2022-09-06 | 北京京东尚科信息技术有限公司 | 网页视频播放的控制方法、系统、设备和存储介质 |
| CN111857913B (zh) * | 2020-07-03 | 2024-08-16 | Oppo广东移动通信有限公司 | 息屏图像生成方法、装置、电子设备和可读存储介质 |
| CN112347219B (zh) * | 2020-11-13 | 2023-10-17 | 北京恒华伟业科技股份有限公司 | 矢量地图素材库生成方法、矢量地图生成系统和电子设备 |
Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7873946B2 (en) * | 2006-03-23 | 2011-01-18 | Oracle America, Inc. | Scalable vector graphics, tree and tab as drag and drop objects |
| CN104616331A (zh) * | 2015-02-16 | 2015-05-13 | 百度在线网络技术（北京）有限公司 | 移动设备上的图像处理方法和装置 |
| CN104616329A (zh) * | 2015-02-10 | 2015-05-13 | 广州视源电子科技股份有限公司 | 一种图片的生成方法和装置 |
| CN106569805A (zh) * | 2016-10-21 | 2017-04-19 | 搜游网络科技(北京)有限公司 | 一种画布存储、图形绘制方法和设备 |
| CN106843639A (zh) * | 2016-12-26 | 2017-06-13 | 上海与德信息技术有限公司 | 图标的显示方法和图标的显示装置 |
| CN107066430A (zh) * | 2017-04-21 | 2017-08-18 | 广州爱九游信息技术有限公司 | 图片处理方法、装置、服务端及客户端 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106055219B (zh) * | 2016-05-26 | 2019-05-03 | 北京京东尚科信息技术有限公司 | 提高用户阅读电子书体验的方法、装置及系统 |
-
2017
- 2017-11-21 CN CN201711164199.1A patent/CN107943363B/zh active Active
Patent Citations (6)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| US7873946B2 (en) * | 2006-03-23 | 2011-01-18 | Oracle America, Inc. | Scalable vector graphics, tree and tab as drag and drop objects |
| CN104616329A (zh) * | 2015-02-10 | 2015-05-13 | 广州视源电子科技股份有限公司 | 一种图片的生成方法和装置 |
| CN104616331A (zh) * | 2015-02-16 | 2015-05-13 | 百度在线网络技术（北京）有限公司 | 移动设备上的图像处理方法和装置 |
| CN106569805A (zh) * | 2016-10-21 | 2017-04-19 | 搜游网络科技(北京)有限公司 | 一种画布存储、图形绘制方法和设备 |
| CN106843639A (zh) * | 2016-12-26 | 2017-06-13 | 上海与德信息技术有限公司 | 图标的显示方法和图标的显示装置 |
| CN107066430A (zh) * | 2017-04-21 | 2017-08-18 | 广州爱九游信息技术有限公司 | 图片处理方法、装置、服务端及客户端 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107943363A (zh) | 2018-04-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107943363B (zh) | 背景图像的配置方法及装置、交互智能平板及存储介质 | |
| CN111045655B (zh) | 一种页面渲染的方法、装置、渲染服务器和存储介质 | |
| CN106056530B (zh) | 应用中图片内容的显示方法及装置 | |
| US20170371844A1 (en) | Method, device and terminal for implementing regional screen capture | |
| CN110852332B (zh) | 训练样本的生成方法、装置、存储介质及电子设备 | |
| CN109146991B (zh) | 一种图片格式转换方法、装置、设备和存储介质 | |
| EP3822758B1 (en) | Method and apparatus for setting background of ui control | |
| KR102648760B1 (ko) | 이미지 생성 방법 및 장치 | |
| CN112783595A (zh) | 交互书写的显示方法、装置及电子设备 | |
| CN108492349B (zh) | 书写笔画的处理方法、装置、设备和存储介质 | |
| CN107122104B (zh) | 数据显示方法及装置 | |
| WO2017000898A1 (zh) | 软件图标显示方法和装置 | |
| CN101533314B (zh) | 通过光标定位终端的方法、系统及终端控制器 | |
| CN102663667B (zh) | 触摸屏手写内容的存储方法、展示方法和终端设备 | |
| CN110533742B (zh) | 一种图像填色方法、装置、设备及存储介质 | |
| KR20140134154A (ko) | 이미지에서 객체를 추출하기 위한 방법 및 단말기 | |
| US20240319967A1 (en) | Script generation method and apparatus, device, and storage medium | |
| US11074392B2 (en) | Information processing apparatus and non-transitory computer readable medium for switching between an attribute information mode and an image information mode | |
| CN113034649B (zh) | 一种汉字绘制展示方法、装置、电子设备及介质 | |
| CN102902534A (zh) | 一种透明osd软件实现方法 | |
| CN111127310B (zh) | 一种图像处理方法、装置、电子设备及存储介质 | |
| CN111079771B (zh) | 点读图像的特征提取方法、系统、终端设备及存储介质 | |
| CN109493401B (zh) | 演示文稿生成方法、装置以及电子设备 | |
| US20230119741A1 (en) | Picture annotation method, apparatus, electronic device, and storage medium | |
| WO2023273828A1 (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 |