技术领域technical field
本发明涉及智能设备领域，尤其涉及一种背景图像的配置方法及装置、交互智能平板及存储介质。The invention relates to the field of smart devices, in particular to a background image configuration method and device, an interactive smart tablet and a storage medium.
背景技术Background technique
随着信息处理技术及电子技术的发展，配置有触摸屏的交互智能平板也逐渐取代传统的展示屏被应用到教学和办公等各个领域。With the development of information processing technology and electronic technology, interactive smart panels equipped with touch screens have gradually replaced traditional display screens and are applied to various fields such as teaching and office work.
在人机交互的实现过程中，供用户通过触控笔或手指进行文字书写或图像绘制的手写输入功能是交互智能平板常见的人机交互方式之一。在用户进行手写输入操作时，通常会首先检测用户在交互智能平板触摸屏上的触摸轨迹，然后在交互智能平板的画布上对该触摸轨迹进行绘制与显示，从而实现交互智能平板的手写输入功能。而为了满足不同用户的手写输入需求，交互智能平板中一般会为其画布配置若干种所包含纹理不同的背景图片以供用户在通过画布手写输入时进行选择。In the implementation process of human-computer interaction, the handwriting input function for users to write text or draw images through a stylus or fingers is one of the common human-computer interaction methods of the interactive smart tablet. When the user performs a handwriting input operation, the touch track of the user on the touch screen of the interactive smart tablet is usually detected first, and then the touch track is drawn and displayed on the canvas of the interactive smart tablet, thereby realizing the handwriting input function of the interactive smart tablet. In order to meet the handwriting input needs of different users, the interactive smart tablet generally configures its canvas with several background images with different textures for the user to choose when inputting handwriting through the canvas.
但是，发明人在实现本发明的过程中发现现有技术存在如下技术缺陷：交互智能平板画布所配置的背景图片往往需要占用较大的存储空间，且在缩放时容易出现失真的情况，导致用户使用体验较差。However, in the process of realizing the present invention, the inventor found that the prior art has the following technical defects: the background picture configured on the interactive smart tablet canvas often needs to occupy a large storage space, and it is prone to distortion when zooming, causing users to The experience is poor.
发明内容Contents of the invention
有鉴于此，本发明实施例提供一种背景图像的配置方法及装置、交互智能平板及存储介质，以解决现有技术中交互智能平板画布所配置的背景图片占用存储空间较大且容易失真的技术问题。In view of this, the embodiments of the present invention provide a background image configuration method and device, an interactive smart tablet and a storage medium to solve the problem that the background image configured on the interactive smart tablet canvas occupies a large storage space and is easily distorted in the prior art. technical problem.
第一方面，本发明实施例提供了一种背景图像的配置方法，包括：In a first aspect, an embodiment of the present invention provides a method for configuring a background image, including:
获取互补目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素；Acquiring the vector graphics element information of the complementary target background image, where the target background image contains at least one target vector graphics element;
根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。Draw the target vector graphics element on the canvas according to the vector graphics element information and delete the original vector graphics element contained in the original background image of the canvas, so as to replace the original background image of the canvas with the target background image.
第二方面，本发明实施例提供了一种背景图像的配置装置，包括：In a second aspect, an embodiment of the present invention provides a device for configuring a background image, including:
矢量图元素信息获取模块，用于获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素；A vector graphics element information acquisition module, configured to acquire vector graphics element information of a canvas target background image, where the target background image contains at least one target vector graphics element;
目标背景图像绘制模块，用于根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。A target background image drawing module, configured to draw the target vector graphics element on the canvas according to the vector graphics element information and delete the original vector graphics elements contained in the original background image of the canvas, so as to convert the The original background image is replaced with the target background image.
第三方面，本发明实施例提供了一种交互智能平板，包括：In a third aspect, an embodiment of the present invention provides an interactive smart tablet, including:
一个或多个处理器；one or more processors;
存储器，用于存储一个或多个程序，memory for storing one or more programs,
当所述一个或多个程序被所述一个或多个处理器执行，使得所述一个或多个处理器实现本发明实施例所述的背景图像的配置方法。When the one or more programs are executed by the one or more processors, the one or more processors implement the background image configuration method described in the embodiment of the present invention.
第四方面，本发明实施例还提供了一种计算机可读存储介质，其上存储有计算机程序，该程序被处理器执行时实现本发明实施例所述的背景图像的配置方法。In a fourth aspect, the embodiment of the present invention further provides a computer-readable storage medium, on which a computer program is stored, and when the program is executed by a processor, the background image configuration method described in the embodiment of the present invention is implemented.
在上述配置背景图像的技术方案中，获取画布目标背景图像中各目标矢量图元素的矢量图元素信息，根据该矢量图元素信息在画布中绘制目标矢量图元素并删除画布的原始背景图像中包含的各原始矢量图元素，以将画布的背景由该原始背景图像替换为该目标背景图像。上述配置背景图像的技术方案，基于矢量图绘制画布的背景图像，可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况，提高用户的使用体验。In the above-mentioned technical solution for configuring the background image, the vector graphics element information of each target vector graphics element in the canvas target background image is obtained, and the target vector graphics element is drawn in the canvas according to the vector graphics element information, and the original background image of the canvas contains to replace the background of the canvas with the original background image and the target background image. The above technical solution for configuring the background image draws the background image of the canvas based on the vector diagram, which can reduce the storage space occupied by the background image of the canvas, avoid distortion of the background image, and improve user experience.
附图说明Description of drawings
通过阅读参照以下附图所作的对非限制性实施例所作的详细描述，本发明的其它特征、目的和优点将会变得更明显：Other characteristics, objects and advantages of the present invention will become more apparent by reading the detailed description of non-limiting embodiments made with reference to the following drawings:
图1为本发明实施例一提供的一种背景图像的配置方法的流程示意图；FIG. 1 is a schematic flowchart of a method for configuring a background image provided in Embodiment 1 of the present invention;
图2为本发明实施例二提供的一种背景图像的配置方法的流程示意图；FIG. 2 is a schematic flowchart of a method for configuring a background image provided by Embodiment 2 of the present invention;
图3为本发明实施例三提供的一种背景图像的配置方法的流程示意图；FIG. 3 is a schematic flowchart of a method for configuring a background image provided by Embodiment 3 of the present invention;
图4为本发明实施例四提供的一种背景图像的配置装置的结构框图；FIG. 4 is a structural block diagram of a device for configuring a background image provided in Embodiment 4 of the present invention;
图5为本发明实施例五提供的一种交互智能平板的结构示意图。FIG. 5 is a schematic structural diagram of an interactive smart tablet provided by Embodiment 5 of the present invention.
具体实施方式Detailed ways
下面结合附图和实施例对本发明作进一步的详细说明。可以理解的是，此处所描述的具体实施例仅仅用于解释本发明，而非对本发明的限定。另外还需要说明的是，为了便于描述，附图中仅示出了与本发明相关的部分而非全部内容。The present invention will be further described in detail below in conjunction with the accompanying drawings and embodiments. It should be understood that the specific embodiments described here are only used to explain the present invention, but not to limit the present invention. In addition, it should be noted that, for the convenience of description, only parts related to the present invention are shown in the drawings but not all content.
实施例一Embodiment one
本发明实施例一提供一种背景图像的配置方法。该方法可由背景图像的配置装置执行，其中，该装置可以由软件和/或硬件实现，一般可集成在具有手写输入功能的电子设备(典型的如交互智能平板)中。图1是本发明实施例一提供的背景图像的配置方法的流程示意图，如图1所示，该方法包括：Embodiment 1 of the present invention provides a method for configuring a background image. The method can be performed by a device for configuring a background image, wherein the device can be implemented by software and/or hardware, and generally can be integrated in an electronic device (typically such as an interactive smart tablet) with a handwriting input function. Fig. 1 is a schematic flowchart of a method for configuring a background image provided in Embodiment 1 of the present invention. As shown in Fig. 1 , the method includes:
S110、获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素。S110. Acquire vector graphics element information of a canvas target background image, where the target background image includes at least one target vector graphics element.
本实施例中，目标背景图像可以理解为用作画布背景的矢量图格式的图像，目标背景图像的矢量图元素信息可以理解为构成矢量图格式的目标背景图像的各矢量图元素的图像信息，如目标矢量图元素的形状、尺寸、绘制方向、线条宽度、线条颜色、目标矢量图元素在目标背景图像中的位置坐标和/或目标矢量图元素的填充色等等。其中，目标矢量图元素可以理解为构成矢量图格式的目标背景图像中的各矢量图元素，目标背景图像可以由一个或多个目标矢量图元素构成，即目标背景图像中可以包含一个或多个目标矢量图元素。In this embodiment, the target background image can be understood as an image in a vector graphics format used as the canvas background, and the vector graphics element information of the target background image can be understood as the image information of each vector graphics element that constitutes the target background image in a vector graphics format. For example, the shape, size, drawing direction, line width, and line color of the target vector graphics element, the position coordinates of the target vector graphics element in the target background image, and/or the fill color of the target vector graphics element, etc. Among them, the target vector graphics elements can be understood as each vector graphics element in the target background image that constitutes the vector graphics format, and the target background image can be composed of one or more target vector graphics elements, that is, the target background image can contain one or more Target vector illustration element.
在本技术方案中，目标背景图像可以为在画布所属电子设备或其他第三方存储设备(如U盘、移动硬盘、手机或平板电脑等)中存储的矢量图图像，相应的，画布目标背景图像的矢量图元素信息可以从画布所属电子设备中获取，也可以从与画布所属电子设备相连的其他第三方存储设备中获取。考虑到画布所属电子设备或其他第三方存储设备中存储的矢量图格式的背景图像的不唯一性，可选的，获取画布目标背景图像的矢量图元素信息时，可以首先基于用户的选取操作等方法确定目标背景图像，然后再基于该目标背景图像获取其矢量图元素信息。其中，矢量图元素信息可以独立于目标背景图像的图像信息单独存储，也可以包含在目标背景图像的图像信息中，相应的，在获取目标背景图像的矢量图元素信息时，可以首先基于目标背景图像确定目标背景图像矢量图元素信息的存储地址，然后从该存储地址读取目标背景图像的矢量图元素信息；也可以首先获取目标背景图像的图像信息，然后对该图像信息进行解析，以得到目标背景图像的图像信息中包含的矢量图元素信息，此处不作限制。In this technical solution, the target background image can be a vector image stored in the electronic device to which the canvas belongs or other third-party storage devices (such as U disk, mobile hard disk, mobile phone or tablet computer, etc.). Correspondingly, the canvas target background image The vector graphics element information can be obtained from the electronic device to which the canvas belongs, or from other third-party storage devices connected to the electronic device to which the canvas belongs. Considering the non-uniqueness of the background image in the vector format stored in the electronic device to which the canvas belongs or other third-party storage devices, optionally, when obtaining the vector element information of the target background image of the canvas, it may first be based on the user's selection operation, etc. The method determines the target background image, and then obtains its vector graphics element information based on the target background image. Wherein, the vector diagram element information can be stored separately from the image information of the target background image, and can also be included in the image information of the target background image. Correspondingly, when obtaining the vector diagram element information of the target background image, it can firstly The image determines the storage address of the vector image element information of the target background image, and then reads the vector image element information of the target background image from the storage address; it is also possible to first obtain the image information of the target background image, and then analyze the image information to obtain The vector graphics element information contained in the image information of the target background image is not limited here.
S120、根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。S120. Draw the target vector graphics element on the canvas according to the vector graphics element information and delete the original vector graphics element contained in the original background image of the canvas, so as to replace the original background image of the canvas with the Describe the target background image.
本实施例中，绘制目标背景图像中的目标矢量图元素与删除原始背景图像中的原始矢量图元素的执行顺序可以根据需要设定，如可以按照先后顺序或同时执行，此处不作限制。为了提高画布背景图像替换过程中画布显示界面的清晰性，可选的，可以首先删除画布中绘制的原始背景图像中的各原始矢量图元素(即首先删除画布的原始背景图像)，然后再在画布中绘制目标背景图像的目标矢量图元素。其中，当目标背景图像中包含多个目标矢量图元素时，各目标矢量图元素可以同时绘制或按照设定绘制顺序进行绘制，如可以按照随机顺序或者基于各目标矢量图元素在目标背景图像中的相对位置，按照由上向下、由下向上、由左向右或由右向左等顺序进行绘制。In this embodiment, the execution order of drawing the target vector graphics elements in the target background image and deleting the original vector graphics elements in the original background image can be set according to needs, such as sequentially or simultaneously, and there is no limitation here. In order to improve the clarity of the canvas display interface during the replacement of the canvas background image, optionally, each original vector graphics element in the original background image drawn on the canvas can be deleted first (that is, the original background image of the canvas is first deleted), and then the A target vector element that draws the target background image in the canvas. Wherein, when the target background image contains multiple target vector vector elements, each target vector vector element can be drawn simultaneously or according to a set drawing order, such as in a random order or based on each target vector vector element in the target background image The relative positions of are drawn in the order of top-down, bottom-up, left-to-right or right-to-left.
示例性的，在绘制某一目标矢量图元素时，可以首先根据该矢量图元素的矢量图元素信息确定该矢量图元素的绘制位置、绘制方向及线条颜色等信息，然后在目标背景图像中采用相应的线条按照该绘制方向进行绘制，以形成该目标矢量图元素。Exemplarily, when drawing a certain target vector graphics element, information such as the drawing position, drawing direction, and line color of the vector graphics element can be determined first according to the vector graphics element information of the vector graphics element, and then used in the target background image Corresponding lines are drawn according to the drawing direction to form the target vector graphics element.
本发明实施例一提供的背景图像的配置方法，获取模块获取画布目标背景图像中各目标矢量图元素的矢量图元素信息，根据该矢量图元素信息在画布中绘制目标矢量图元素并删除画布的原始背景图像中包含的各原始矢量图元素，以将画布的背景由该原始背景图像替换为该目标背景图像。本实施例通过采用上述技术方案，基于矢量图绘制画布的背景图像，可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况，提高用户的使用体验。In the configuration method of the background image provided by Embodiment 1 of the present invention, the acquisition module acquires the vector diagram element information of each target vector diagram element in the canvas target background image, draws the target vector diagram element in the canvas according to the vector diagram element information, and deletes the canvas The original vector graphics elements included in the original background image, so as to replace the background of the canvas with the original background image and the target background image. In this embodiment, by adopting the above technical solution, drawing the background image of the canvas based on the vector diagram can reduce the storage space occupied by the background image of the canvas, avoid distortion of the background image, and improve user experience.
在上述实施例的基础上，在所述获取画布的目标背景图像的矢量图元素信息之前，还可以包括：按照设定构建规则构建画布的目标背景图像。本技术方案中，目标背景图像可以为在画布所属电子设备或第三方存储设备中已有的目标背景图像，也可以为基于用户操作或按照设定构建规则构建的背景图像，即，用户可以选用现有的某一张矢量图作为画布的目标背景图像，也可以根据自身的使用需求构建目标背景图像，此处不作限制。其中，目标背景图像的构建规则可以灵活设置，例如，可以基于用户在画布中的绘制操作生成画布的目标背景图像；也可以基于用户对已有矢量图中矢量图元素的调整，通过在已有矢量图中添加一个或多个新的矢量图元素、删除一个或多个矢量图中已存在的矢量图元素和/或调整矢量图中已存在矢量图元素的尺寸、位置或方向等方式构建形成不同于该矢量图的目标背景图像，此处不作限制。On the basis of the above embodiments, before the acquiring the vector diagram element information of the target background image of the canvas, it may further include: constructing the target background image of the canvas according to the set construction rules. In this technical solution, the target background image can be an existing target background image in the electronic device to which the canvas belongs or a third-party storage device, or it can be a background image constructed based on user operations or according to set construction rules, that is, the user can choose An existing vector image can be used as the target background image of the canvas, and the target background image can also be constructed according to one's own use requirements, and there is no limitation here. Among them, the construction rules of the target background image can be set flexibly. For example, the target background image of the canvas can be generated based on the user's drawing operation in the canvas; Add one or more new vector graphics elements to the vector graphics, delete one or more existing vector graphics elements in the vector graphics, and/or adjust the size, position or orientation of existing vector graphics elements in the vector graphics, etc. Different from the target background image of the vector diagram, there is no limitation here.
实施例二Embodiment two
图2为本发明实施例二提供的一种背景图像的配置方法的流程示意图。本实施例在上述实施例的基础上进行优化，在本实施例中，将“获取画布目标背景图像的矢量图元素信息”优化为：按照设定规则确定画布目标背景图像并获取所述目标背景图像的图像信息，所述图像信息中包含至少一个矢量图标签；基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息，并将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。FIG. 2 is a schematic flowchart of a method for configuring a background image provided by Embodiment 2 of the present invention. This embodiment is optimized on the basis of the above-mentioned embodiments. In this embodiment, the optimization of "obtaining the vector image element information of the canvas target background image" is as follows: determine the canvas target background image according to the set rules and obtain the target background The image information of the image, the image information including at least one vector graphics label; determining the element information to be converted of the target vector graphics element in the image information based on the vector graphics label, and converting the element information to be converted into Vector graphics element information conforming to the vector graphics format specification of the operating system corresponding to the canvas.
进一步地，在所述基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息之前，还可以包括：确定所述图像信息不存在对应的符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。Further, before determining the to-be-converted element information of the target vector graphics element in the image information based on the vector graphics label, it may also include: determining that there is no corresponding operating system corresponding to the canvas in the image information The vector graphics element information of the vector graphics format specification.
进一步地，在所述将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息之后，还可以包括：存储所述矢量图元素信息，并建立所述矢量图元素信息与所述图像信息之间的对应关系。Further, after converting the element information to be converted into vector image element information conforming to the vector graphics format specification of the operating system corresponding to the canvas, it may further include: storing the vector graphics element information, and establishing the Correspondence between the vector graphics element information and the image information.
相应的，如图2所示，本实施例提供的背景图像的配置方法包括：Correspondingly, as shown in FIG. 2, the method for configuring the background image provided in this embodiment includes:
S210、按照设定规则确定画布的目标背景图像并获取所述目标背景图像的图像信息，所述图像信息中包含至少一个矢量图标签。S210. Determine a target background image of the canvas according to a set rule and acquire image information of the target background image, where the image information includes at least one vector map label.
其中，目标背景图像的图像信息可以理解为用于描述目标背景图像的信息。矢量图标签可以理解为与目标背景图像中的目标矢量图元素一一对应的用于标识各目标矢量图元素的标签。示例性的，可以预先建立各背景图像与其图像信息的存储位置之间的对应关系，相应的，在获取目标背景图像的图像信息时，可以基于该对应关系确定目标背景图像的图像信息的存储位置并从该存储位置处获取目标背景图像的图像信息即可。Wherein, the image information of the target background image can be understood as information used to describe the target background image. The vector graphics label can be understood as a label used to identify each target vector graphics element in one-to-one correspondence with the target vector graphics elements in the target background image. Exemplarily, the corresponding relationship between each background image and the storage location of its image information can be established in advance, correspondingly, when the image information of the target background image is acquired, the storage location of the image information of the target background image can be determined based on the corresponding relationship And the image information of the target background image can be obtained from the storage location.
本实施例中，确定画布的目标背景图像的设定规则可以根据需要设置，例如，可以基于用户的选取操作，将用户选取的矢量图确定为目标背景图像；也可以将设置的默认背景图像确定为画布的目标背景图像，或者，按照设定的替换顺序，将在该替换顺序中与画布当前使用的原始背景图像相邻且位于该原始背景图像之后的背景图像确定为目标背景图像，此处不作限制。考虑到所确定的目标背景图像与用户意愿的相符性，可选的，若用户选取了某一张用作画布背景的矢量图，则可以将该矢量图确定为画布的目标背景图像；若用户未选取矢量图，则可以按照用户设定的背景图像替换规则，在当前条件(如当前时间或原始背景图像的当前使用次数等)符合背景图像的替换条件时，则将用户设置的替换顺序中原始背景图像对应的下一张背景图像确定为目标背景图像；若用户未设置背景图像的替换规则，则可以按照默认替换顺序确定目标背景图像或将默认的背景图像确定为目标背景图像。In this embodiment, the setting rules for determining the target background image of the canvas can be set according to needs. For example, based on the user's selection operation, the vector map selected by the user can be determined as the target background image; the default background image can also be determined is the target background image of the canvas, or, according to the set replacement order, determine the background image that is adjacent to and behind the original background image currently used by the canvas in the replacement order as the target background image, where No limit. Considering the consistency between the determined target background image and the user's wishes, optionally, if the user selects a certain vector map as the background of the canvas, the vector map can be determined as the target background image of the canvas; if the user If the vector image is not selected, the background image replacement rules set by the user can be followed. When the current conditions (such as the current time or the current use times of the original background image, etc.) meet the replacement conditions of the background image, the replacement sequence set by the user The next background image corresponding to the original background image is determined as the target background image; if the user does not set a replacement rule for the background image, the target background image can be determined according to the default replacement order or the default background image can be determined as the target background image.
S220、确定所述图像信息不存在对应的符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。S220. Determine that the image information does not have corresponding vector graphics element information conforming to the vector graphics format specification of the operating system corresponding to the canvas.
其中，画布对应操作系统为画布对应的操作系统。由于矢量图格式的目标背景图像通常是基于国际化标准下的矢量图格式标准(如基于SVG(Scalable Vector Graphics，可缩放矢量图形)或IWB(Interactive Whiteboard，交互式电子白板)等格式)生成的矢量图，因此，当画布对应的操作系统为Windows操作系统，则可以直接读取目标背景图像的图像信息并基于该图像信息绘制目标背景图像；当画布对应的操作系统为Windows系统之外的其他系统，如安卓系统等，则可以首先对目标背景图像的图像信息进行解析，将目标背景图像中的图像信息转换为画布对应操作系统下的矢量图元素信息，从而可以基于该矢量图元素信息绘制目标背景图像中的矢量图元素，以完成对目标背景图像的绘制。本实施例以画布所属系统为非Windows系统为例进行说明。Wherein, the operating system corresponding to the canvas is the operating system corresponding to the canvas. Since the target background image in the vector format is usually based on the vector format standard under the international standard (such as based on SVG (Scalable Vector Graphics, scalable vector graphics) or IWB (Interactive Whiteboard, interactive electronic whiteboard) and other formats) Vector graphics, therefore, when the operating system corresponding to the canvas is the Windows operating system, you can directly read the image information of the target background image and draw the target background image based on the image information; when the operating system corresponding to the canvas is other than the Windows system system, such as the Android system, etc., can first analyze the image information of the target background image, and convert the image information in the target background image into the vector graphics element information under the corresponding operating system of the canvas, so that drawing can be based on the vector graphics element information Vector vector elements in the target background image to complete the drawing of the target background image. In this embodiment, the system to which the canvas belongs is a non-Windows system as an example for illustration.
本实施例中，在获取目标背景图像的图像信息之后，可以不考虑目标背景图像是否已经进行过解析操作，直接执行S230对该目标背景图像的图像信息进行解析得到目标背景图像的矢量图元素信息并基于该矢量图元素信息绘制目标背景图像中的矢量图元素；也可以首先判断目标背景图像是否已经进行过解析操作(即判断图像信息是否存在对应的符合画布对应操作系统的矢量图格式规范的矢量图元素信息)，若是，则可以不执行S230，直接基于该图像信息获取目标背景图像的矢量图元素信息，若否，则可以执行S230对该目标背景图像的图像信息进行解析得到目标背景图像的矢量图元素信息，此处不作限制。In this embodiment, after acquiring the image information of the target background image, regardless of whether the target background image has been parsed, directly execute S230 to analyze the image information of the target background image to obtain the vector diagram element information of the target background image And draw the vector graphics elements in the target background image based on the vector graphics element information; it is also possible to first determine whether the target background image has been parsed (that is, to determine whether the image information has a corresponding vector graphics format specification that conforms to the operating system corresponding to the canvas). Vector diagram element information), if so, then S230 can not be executed, and the vector diagram element information of the target background image is directly obtained based on the image information, if not, then S230 can be executed to analyze the image information of the target background image to obtain the target background image Vector image element information of , which is not limited here.
考虑到对目标背景图像的图像信息进行解析所需的计算量，优选的，在获取目标背景图像的图像信息之后，可以首先判断目标背景图像的图像信息是否存在对应的符合画布对应操作系统的矢量图格式规范的矢量图元素信息，若判断确定目标背景图像的图像信息存在对应的矢量图元素信息，则可以获取该矢量图元素信息并执行S250；若判断确定目标背景图像的图像信息不存在对应的矢量图元素信息，则可以首先执行S230对该目标背景图像的图像信息进行解析得到目标背景图像的矢量图元素信息。Considering the amount of calculation required for analyzing the image information of the target background image, preferably, after acquiring the image information of the target background image, it may first be determined whether there is a corresponding vector corresponding to the operating system corresponding to the canvas. If it is determined that the image information of the target background image has corresponding vector image element information, the vector image element information of the standard image format can be obtained, and S250 can be executed; if it is determined that the image information of the target background image does not have corresponding Vector image element information of the target background image, S230 may be executed first to analyze the image information of the target background image to obtain the vector graphic element information of the target background image.
S230、基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息，并将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。S230. Determine the to-be-converted element information of the target vector graphics element in the image information based on the vector graphics label, and convert the to-be-converted element information into a vector graphics format conforming to the vector graphics format specification of the operating system corresponding to the canvas element information.
本实施例中，在确定矢量图元素信息时，可以基于目标背景图像的图像信息中的矢量图标签获取目标背景图像中的目标矢量图元素的待转换元素信息并获取画布对应操作系统的矢量图格式规范，然后采用该矢量图格式规范对所获取的待转换元素信息进行转换以得到目标背景图像的目标矢量图元素的矢量图元素信息。In this embodiment, when determining the vector graphics element information, it is possible to obtain the to-be-converted element information of the target vector graphics element in the target background image based on the vector graphics label in the image information of the target background image and obtain the vector graphics corresponding to the operating system of the canvas format specification, and then use the vector graphics format specification to convert the obtained element information to be converted to obtain the vector graphics element information of the target vector graphics element of the target background image.
假设目标背景图像为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类对该椭圆形进行绘制。Assuming that the target background image is a vector image in SVG format, and the corresponding operating system of the canvas is Android system, for example, when converting the element information to be converted of the target background image, the SVG file stream of the target background image can be obtained first and all Analyze the SVG nodes of the obtained SVG file stream to obtain path (path), line (line segment), rect (rectangle), polygon (polygon), ellipse (ellipse) and/or image (image) in the SVG file stream Waiting for the vector graphics label; then read the element information to be converted under each vector graphics label and convert it into the corresponding Java class under the Android system, thereby realizing the conversion of the element information to be converted into the vector graphics element information. For example, suppose the analysis determines that there is an ellipse tag in the SVG file stream: <ellipse cx="100"cy="100"rx="50"ry="50"stroke="#000000"stroke-width="10"> , at this time, for example, you can first create the Java class corresponding to the ellipse, and then "cx="100"", "cy="100"", "rx="50"" and "ry" in the tag ="50"" is converted to the point information under the Java class of the ellipse of the Android system, and the "stroke="#000000"" and "stroke-width="10"" in the tag are converted to the ellipse of the Android system Paint (drawing) information under the Java class, so that the ellipse can be drawn directly based on the Java class in the subsequent S250.
S240、根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。S240. Draw the target vector graphics element on the canvas according to the vector graphics element information and delete the original vector graphics element contained in the original background image of the canvas, so as to replace the original background image of the canvas with the Describe the target background image.
S250、存储所述矢量图元素信息，并建立所述矢量图元素信息与所述图像信息之间的对应关系。S250. Store the vector diagram element information, and establish a correspondence between the vector diagram element information and the image information.
本实施例中，在转换得到目标背景图像的矢量图元素信息之后，可以对矢量图元素信息进行存储并建立该矢量图元素信息与目标背景图像的图像信息之间的对应关系，以便后续再次采用该目标背景图像作为画布的背景时可以直接根据目标背景图像的图像信息调用目标背景图像的矢量图元素信息。In this embodiment, after the vector vector element information of the target background image is converted, the vector vector element information can be stored and the corresponding relationship between the vector vector element information and the image information of the target background image can be established, so that the subsequent re-use When the target background image is used as the background of the canvas, the vector graphics element information of the target background image can be directly called according to the image information of the target background image.
矢量图元素信息与图像信息之间的建立规则可以根据需要设置，例如，可以通过将目标背景图像矢量图元素的矢量图元素信息与目标背景图像的图像信息存储在目标背景图像对应的同一存储位置中以实现目标背景图像矢量图元素信息与其图像信息之间对应关系的建立；或者，也可以预先建立用于记录不同背景图像的图像信息与其矢量图元素信息之间的对应关系的配置文件，并在将目标背景图像的待转换元素信息转换为矢量图元素信息之后，将该矢量图元素信息的存储位置与图像信息的存储位置对应存储在该配置文件中，从而建立目标背景图像的矢量图元素信息与其图像信息之间的对应关系。其中，矢量图元素信息的存储位置可以灵活设置，例如可以存储在预先设置的默认存储位置处，如可以预先在画布所属电子设备或该电子设备对应的服务器中建立矢量图背景元素图库，并在转换得到目标背景图像的矢量图元素信息后，将该矢量图元素信息存储在该矢量图背景元素图库中；也可以基于将矢量图元素信息存储在画板所属设备或第三方设备中用户选取的存储位置处，此处不作限制。The establishment rules between the vector diagram element information and the image information can be set as required, for example, by storing the vector diagram element information of the vector diagram element of the target background image and the image information of the target background image in the same storage location corresponding to the target background image In order to realize the establishment of the corresponding relationship between the vector image element information of the target background image and its image information; or, a configuration file for recording the corresponding relationship between the image information of different background images and its vector image element information can also be established in advance, and After the element information to be converted of the target background image is converted into the vector element information, the storage location of the vector element information and the storage location of the image information are correspondingly stored in the configuration file, so as to establish the vector element of the target background image Correspondence between information and its image information. Wherein, the storage location of the vector graphics element information can be flexibly set, for example, it can be stored in a preset default storage location, for example, a vector graphics background element library can be established in advance in the electronic device to which the canvas belongs or in a server corresponding to the electronic device, and stored in After the vector image element information of the target background image is converted, store the vector image element information in the vector image background element library; it can also be based on storing the vector image element information in the device to which the drawing board belongs or a third-party device selected by the user The location is not limited here.
在此，需要指出的是，虽然本实施例中以目标背景图像的矢量图元素信息与目标背景图像的图像信息具有对应关系为例进行说明，但是，可以理解的是，本发明技术方案中同样可以建立目标背景图像的矢量图元素信息与目标背景图像以及目标背景图像的图像信息与目标背景图像之间的对应关系，相应的，在确定目标背景图像之后，可以首先基于该目标背景图像确定其是否存在对应的矢量图背景图像，若存在，则可以基于该矢量图背景图像进行后续绘制目标矢量图元素的操作；若不存在，则可以基于该目标背景图像获取其对应的图像信息，并对该图像信息进行解析以得到目标背景图像的矢量图元素信息，此时，其同样在本发明的保护范围之内。Here, it should be pointed out that although this embodiment is described by taking the corresponding relationship between the vector diagram element information of the target background image and the image information of the target background image as an example, it can be understood that the technical solution of the present invention also The corresponding relationship between the vector diagram element information of the target background image and the target background image and the image information of the target background image and the target background image can be established. Correspondingly, after the target background image is determined, its Whether there is a corresponding vector background image, if it exists, the subsequent operation of drawing the target vector element can be performed based on the vector background image; if not, the corresponding image information can be obtained based on the target background image, and The image information is analyzed to obtain the vector diagram element information of the target background image, which is also within the protection scope of the present invention.
本发明实施例二提供的背景图像的配置方法，按照设定规则确定画布的目标背景图像并获取该目标背景图像的图像信息，在确定该图像信息不存在对应的矢量图元素信息时，基于该图像信息中的矢量图标签确定目标背景图像的目标矢量图元素的待转换元素信息，对该待转换元素信息进行转换得到目标背景图像的矢量图元素信息，基于该矢量图元素信息绘制目标背景图像，对该矢量图元素信息进行存储并建立该矢量图元素信息与目标背景图像的图像信息之间的对应关系。本实施例通过采用上述方案，不但可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况；还可以提高目标背景图像的绘制效率，提高用户的使用体验。The background image configuration method provided by Embodiment 2 of the present invention determines the target background image of the canvas according to the setting rules and acquires the image information of the target background image. The vector graphics label in the image information determines the element information to be converted of the target vector graphics element of the target background image, converts the element information to be converted to obtain the vector graphics element information of the target background image, and draws the target background image based on the vector graphics element information , storing the vector diagram element information and establishing a corresponding relationship between the vector diagram element information and the image information of the target background image. In this embodiment, by adopting the above solution, not only can the storage space occupied by the background image of the canvas be reduced, avoiding distortion of the background image, but also the drawing efficiency of the target background image can be improved, and user experience can be improved.
实施例三Embodiment three
图3为本发明实施例三提供的一种背景图像的配置方法的流程示意图，本实施例在上式实施例的基础上进行优化，在本实施例中，将“按照设定构建规则构建画布的目标背景图像”优化为：获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息，所述元素调整信息包括尺寸调整信息和/或位置调整信息；根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整，以生成目标背景图像；在设定矢量图格式下保存所述目标背景图像的图像信息，所述图像信息包括所述待调整矢量图元素调整生成的目标矢量图元素的待转换元素信息以及所述目标矢量图元素的矢量图标签。Fig. 3 is a schematic flowchart of a background image configuration method provided by Embodiment 3 of the present invention. This embodiment is optimized on the basis of the above-mentioned embodiment. In this embodiment, "construct the canvas according to the set construction rules The target background image of "is optimized as follows: obtain the original element information of the background image to be adjusted drawn in the canvas and the element adjustment information of the background image to be adjusted, the element adjustment information includes size adjustment information and/or position adjustment information; according to The original element information and the element adjustment information adjust the to-be-adjusted vector graphics elements included in the to-be-adjusted background image to generate a target background image; save the image of the target background image in a set vector graphics format Information, the image information includes the element information to be converted of the target vector graphics element generated by the adjustment of the vector graphics element to be adjusted and the vector graphics label of the target vector graphics element.
相应的，如图3所示，本实施例提供的背景图像的配置方法包括：Correspondingly, as shown in FIG. 3, the method for configuring the background image provided in this embodiment includes:
S310、获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息，所述元素调整信息包括尺寸调整信息和/或位置调整信息。S310. Acquire original element information of the background image to be adjusted drawn on the canvas and element adjustment information of the background image to be adjusted, where the element adjustment information includes size adjustment information and/or position adjustment information.
本实施例中，用户可以基于自身的需求对待调整背景图像中的待调整矢量图元素的尺寸和/或显示位置进行调整。其中，对待调整矢量图元素的显示位置进行调整优选包括对待调整矢量图元素的方向进行调整(即对待调整矢量图元素进行旋转)的情况。此时，可以基于用户的调整请求生成待调整背景图像的元素调整信息，并基于该元素调整信息和待调整背景图像的原始元素信息对待调整背景图像中的待调整矢量图元素进行调整，以满足不同用户的不用使用需求。In this embodiment, the user may adjust the size and/or display position of the vector graphics elements to be adjusted in the background image to be adjusted based on their own needs. Wherein, adjusting the display position of the vector graphics element to be adjusted preferably includes adjusting the direction of the vector graphics element to be adjusted (that is, rotating the vector graphics element to be adjusted). At this time, the element adjustment information of the background image to be adjusted can be generated based on the user's adjustment request, and the vector graphics elements to be adjusted in the background image to be adjusted can be adjusted based on the element adjustment information and the original element information of the background image to be adjusted, so as to satisfy Different usage requirements of different users.
其中，待调整背景图像中的各待调整矢量图元素可以为用户从设定存储位置选取的现有的矢量图元素，也可以为用户在画布中绘制的矢量图元素，此时，优选的，在所述获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息之前，还可以包括：将用户在设定存储位置选取的至少一个矢量图元素确定为待调整矢量图元素，获取所述目标矢量图元素的原始元素信息，并基于所述原始元素信息在所述画布中绘制所述目标矢量图元素；和/或，将用户在画布中绘制的矢量图元素确定为待调整矢量图元素；基于所述待调整矢量图元素构建待调整背景图像。其中，设定存储位置可以为画布所属电子设备或第三方存储设备。Wherein, each vector graphics element to be adjusted in the background image to be adjusted may be an existing vector graphics element selected by the user from a set storage location, or may be a vector graphics element drawn by the user on the canvas. At this time, preferably, Before the acquisition of the original element information of the background image to be adjusted drawn in the canvas and the element adjustment information of the background image to be adjusted, it may also include: determining at least one vector graphics element selected by the user at the set storage location as the element to be adjusted Adjusting the vector graphics elements, obtaining the original element information of the target vector graphics elements, and drawing the target vector graphics elements on the canvas based on the original element information; and/or, drawing the vector graphics elements drawn by the user on the canvas The element is determined as a vector graphics element to be adjusted; a background image to be adjusted is constructed based on the vector graphics element to be adjusted. Wherein, the set storage location may be an electronic device to which the canvas belongs or a third-party storage device.
S320、根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整，以生成目标背景图像。S320. Adjust the vector graphics elements to be adjusted included in the background image to be adjusted according to the original element information and the element adjustment information, so as to generate a target background image.
示例性的，在对待调整背景图像中的待调整矢量图元素进行调整时，可以首先基于待调整背景图像的原始元素信息和元素调整信息中的尺寸调整信息确定待调整矢量图元素调整后的尺寸信息，和/或，基于待调整背景图像的原始元素信息和元素调整信息中的位置调整信息确定待调整矢量图元素调整后的位置信息，然后按照该调整后的尺寸信息和/或位置信息绘制目标背景图像并删除画布中的绘制的待调整背景图像，以完成对待调整背景图像的调整。Exemplarily, when adjusting the vector graphics element to be adjusted in the background image to be adjusted, the adjusted size of the vector graphics element to be adjusted can be firstly determined based on the original element information of the background image to be adjusted and the size adjustment information in the element adjustment information information, and/or, determine the adjusted position information of the vector graphics element to be adjusted based on the original element information of the background image to be adjusted and the position adjustment information in the element adjustment information, and then draw according to the adjusted size information and/or position information Target background image and delete the background image to be adjusted drawn in the canvas to complete the adjustment of the background image to be adjusted.
本实施例中，在对待调整背景图像的尺寸和/或位置进行调整后，为了进一步提高所生成目标背景图像的显示效果，还可以自动或基于用户的操作对各待调整矢量图元素的线条颜色进行调整。此时，可选的，如果用户设置了待调整矢量图元素调整后的目标线条颜色，则可以将待调整矢量图元素的线条颜色调整为用户设置的目标线条颜色；如果用户未设置待调整矢量图元素调整后的目标线条颜色，则可以基于待调整矢量图元素位置和/或尺寸调整后的背景色确定待调整矢量图元素的目标线条颜色并基于该目标线条颜色待调整矢量图元素的线条颜色进行调整，此时，优选的，在所述根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整之后，还包括：根据所述画布中所述目标矢量图元素的背景颜色确定所述待调整矢量图元素的目标线条颜色，并将所述待调整矢量图元素的原始线条颜色调整为所述目标线条颜色，所述目标线条颜色与所述背景颜色位于不同色系中，从而提高调整后生成的目标矢量图元素显示时的清晰度。其中，根据目标矢量图元素的背景颜色确定目标线条颜色时的确定规则可以根据需要设置，举例而言，如果目标矢量图元素的背景颜色为黑色，则可以将其目标线条颜色确定为白色或其他与黑色色系相差较大的颜色；如果目标矢量图元素的背景颜色为白色，则可以将其目标线条颜色确定为黑色或其他与白色色系相差较大的颜色。In this embodiment, after adjusting the size and/or position of the background image to be adjusted, in order to further improve the display effect of the generated target background image, it is also possible to automatically or based on the user's operation to adjust the line color of each vector graphics element to be adjusted. Make adjustments. At this point, optionally, if the user sets the adjusted target line color of the vector graphics element to be adjusted, the line color of the vector graphics element to be adjusted can be adjusted to the target line color set by the user; if the user does not set the vector to be adjusted After adjusting the target line color of the graphic element, the target line color of the vector graphic element to be adjusted can be determined based on the adjusted background color of the position and/or size of the vector graphic element and the line of the vector graphic element to be adjusted can be based on the target line color The color is adjusted. At this time, preferably, after adjusting the vector graphics elements to be adjusted contained in the background image to be adjusted according to the original element information and the element adjustment information, it further includes: according to the The background color of the target vector graphics element in the canvas determines the target line color of the vector graphics element to be adjusted, and adjusts the original line color of the vector graphics element to be adjusted to the target line color, and the target line color It is in a different color system from the background color, so as to improve the display clarity of the target vector image element generated after adjustment. Wherein, the determination rule when determining the target line color according to the background color of the target vector graphics element can be set as required. For example, if the background color of the target vector graphics element is black, the target line color can be determined as white or other A color that is quite different from the black color system; if the background color of the target vector graphic element is white, its target line color can be determined to be black or another color that is very different from the white color system.
S330、在设定矢量图格式下保存所述目标背景图像的图像信息，所述图像信息包括所述待调整矢量图元素调整生成的目标矢量图元素的待转换元素信息以及所述目标矢量图元素的矢量图标签。S330. Save the image information of the target background image in the set vector diagram format, where the image information includes the element information to be converted of the target vector diagram element generated by adjusting the vector diagram element to be adjusted and the target vector diagram element vector illustration label.
本实施例中，可以按照设定的矢量图格式保存目标背景图像，此时，相应的，可以在该设定矢量图格式下对目标背景图像的图像信息进行保存。其中，设定矢量图格式可以根据需要设置，例如，可以将目标背景图像保存为SVG或IWB等格式的矢量图，并基于SVG或IWB等矢量图格式对应的格式标准保存目标背景图像的图像信息。In this embodiment, the target background image can be saved according to the set vector diagram format. At this time, correspondingly, the image information of the target background image can be saved in the set vector map format. Wherein, the vector graphics format can be set as required, for example, the target background image can be saved as a vector graphics format such as SVG or IWB, and the image information of the target background image can be saved based on the format standard corresponding to the vector graphics format such as SVG or IWB .
S340、获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素。S340. Acquire the vector graphics element information of the canvas target background image, where the target background image includes at least one target vector graphics element.
S350、根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。S350. Draw the target vector graphics element on the canvas according to the vector graphics element information and delete the original vector graphics element included in the original background image of the canvas, so as to replace the original background image of the canvas with the Describe the target background image.
本发明实施例三提供的背景图像的配置方法，基于画布中绘制的待调整背景图像的原始元素信息和元素调整信息对待调整背景图像中包含的待调整矢量图元素进行调整生成目标背景图像，不但可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况；还可以确保画布的背景图像可以满足不同用户的不同使用需求，提高用户的使用体验。The background image configuration method provided by Embodiment 3 of the present invention is based on the original element information and element adjustment information of the background image to be adjusted drawn in the canvas to adjust the vector graphics elements to be adjusted contained in the background image to be adjusted to generate a target background image, not only The storage space occupied by the background image of the canvas can be reduced to avoid distortion of the background image; it can also be ensured that the background image of the canvas can meet different usage requirements of different users and improve user experience.
实施例四Embodiment four
本发明实施例四提供一种背景图像的配置装置，该装置可由软件和/或硬件实现，一般可以集成在具有手写输入功能的电子设备(典型的如交互智能平板)中，可通过执行背景图像的配置方法实现对电子设备画布背景图像的配置。图4为本实施例提供的背景图像的配置装置的结构框图，如图4所示，该装置包括：Embodiment 4 of the present invention provides a device for configuring a background image, which can be implemented by software and/or hardware, and can generally be integrated in an electronic device (typically such as an interactive smart tablet) with a handwriting input function. The configuration method implements the configuration of the electronic device canvas background image. Fig. 4 is a structural block diagram of a background image configuration device provided in this embodiment, as shown in Fig. 4, the device includes:
矢量图元素信息获取模块401，用于获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素；A vector diagram element information acquisition module 401, configured to acquire vector diagram element information of a canvas target background image, where the target background image contains at least one target vector vector element;
目标背景图像绘制模块402，用于根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。A target background image drawing module 402, configured to draw the target vector graphics element on the canvas according to the vector graphics element information and delete the original vector graphics elements contained in the original background image of the canvas, so that the canvas Replace the original background image with the target background image.
本发明实施例四提供的背景图像的配置装置，通过矢量图元素信息获取模块获取画布目标背景图像中各目标矢量图元素的矢量图元素信息，通过目标背景图像绘制模块根据该矢量图元素信息在画布中绘制目标矢量图元素并删除画布的原始背景图像中包含的各原始矢量图元素，以将画布的背景由该原始背景图像替换为该目标背景图像。本实施例通过采用上述技术方案，基于矢量图绘制画布的背景图像，可以减少画布背景图像所占用的存储空间，避免其背景图像出现失真的情况，提高用户的使用体验。The background image configuration device provided by Embodiment 4 of the present invention obtains the vector diagram element information of each target vector diagram element in the canvas target background image through the vector diagram element information acquisition module, and uses the target background image drawing module to obtain the vector diagram element information according to the vector diagram element information. Drawing target vector graphics elements in the canvas and deleting each original vector graphics elements included in the original background image of the canvas, so that the background of the canvas is replaced by the target background image from the original background image. In this embodiment, by adopting the above technical solution, drawing the background image of the canvas based on the vector diagram can reduce the storage space occupied by the background image of the canvas, avoid distortion of the background image, and improve user experience.
在上述方案中，所述矢量图元素信息获取模块401可以包括：图像信息获取单元，用于按照设定规则确定画布的目标背景图像并获取所述目标背景图像的图像信息，所述图像信息中包含至少一个矢量图标签；矢量图元素信息转换单元，用于基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息，并将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。In the above solution, the vector diagram element information acquisition module 401 may include: an image information acquisition unit, configured to determine the target background image of the canvas according to the set rules and acquire the image information of the target background image, in the image information Contains at least one vector graphics label; a vector graphics element information conversion unit, configured to determine the element information to be converted of the target vector graphics element in the image information based on the vector graphics label, and convert the element information to be converted to conform to The canvas corresponds to the vector graphics element information of the vector graphics format specification of the operating system.
进一步地，所述矢量图元素信息获取模块401还可以包括：矢量图元素信息确定单元，用于在所述基于所述矢量图标签确定所述图像信息中的目标矢量图元素的待转换元素信息之前，确定所述图像信息不存在对应的符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息。Further, the vector diagram element information acquisition module 401 may also include: a vector diagram element information determining unit, configured to determine the element information to be converted of the target vector diagram element in the image information based on the vector diagram label Before, it is determined that the image information does not have corresponding vector graphics element information conforming to the vector graphics format specification of the operating system corresponding to the canvas.
进一步地，所述矢量图元素信息获取模块401还可以包括：矢量图元素信息存储单元，用于在所述将所述待转换元素信息转换为符合所述画布对应操作系统的矢量图格式规范的矢量图元素信息之后，存储所述矢量图元素信息，并建立所述矢量图元素信息与所述图像信息之间的对应关系。Further, the vector image element information acquisition module 401 may also include: a vector image element information storage unit, configured to convert the element information to be converted into a vector image format specification conforming to the operating system corresponding to the canvas. After the vector diagram element information, the vector diagram element information is stored, and a corresponding relationship between the vector diagram element information and the image information is established.
进一步地，本实施例提供的背景图像的配置装置还可以包括：目标背景图像构建模块，用于在所述获取画布的目标背景图像的矢量图元素信息之前，按照设定构建规则构建画布的目标背景图像。Further, the device for configuring the background image provided in this embodiment may further include: a target background image construction module, configured to construct the target of the canvas according to the set construction rules before acquiring the vector diagram element information of the target background image of the canvas background image.
在上述方案中，所述目标背景图像构建模块可以包括：信息获取单元，用于获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息，所述元素调整信息包括尺寸调整信息和/或位置调整信息；目标背景图像生成单元，用于根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整，以生成目标背景图像；目标背景图像保存单元，用于在设定矢量图格式下保存所述目标背景图像的图像信息，所述图像信息包括所述待调整矢量图元素调整生成的目标矢量图元素的待转换元素信息以及所述目标矢量图元素的矢量图标签。In the above solution, the target background image construction module may include: an information acquisition unit, configured to acquire the original element information of the background image to be adjusted drawn on the canvas and the element adjustment information of the background image to be adjusted, the element adjustment The information includes size adjustment information and/or position adjustment information; the target background image generation unit is configured to adjust the vector graphics elements to be adjusted contained in the background image to be adjusted according to the original element information and the element adjustment information, to generate the target background image; the target background image storage unit is used to save the image information of the target background image in the set vector diagram format, and the image information includes the target vector vector element generated by adjusting the vector vector element to be adjusted The information about the element to be converted and the vector label of the target vector element.
进一步地，所述目标背景图像构建模块可以包括还可以包括：待调整矢量图元素确定单元，用于在所述获取画布中绘制的待调整背景图像的原始元素信息以及所述待调整背景图像的元素调整信息之前，将用户在设定存储位置选取的至少一个矢量图元素确定为待调整矢量图元素，获取所述目标矢量图元素的原始元素信息，并基于所述原始元素信息在所述画布中绘制所述目标矢量图元素；和/或，将用户在画布中绘制的矢量图元素确定为待调整矢量图元素；待调整背景图像构建单元，用于基于所述待调整矢量图元素构建待调整背景图像。Further, the target background image construction module may also include: a vector diagram element determination unit to be adjusted, which is used to draw the original element information of the background image to be adjusted drawn in the acquisition canvas and the background image to be adjusted Before the element adjustment information, at least one vector graphics element selected by the user at the set storage location is determined as the vector graphics element to be adjusted, the original element information of the target vector graphics element is obtained, and based on the original element information, it is displayed on the canvas Draw the target vector graphics element; and/or, determine the vector graphics element drawn by the user on the canvas as the vector graphics element to be adjusted; the background image construction unit to be adjusted is used to construct the vector graphics element to be adjusted based on the vector graphics element to be adjusted Adjust the background image.
进一步地，所述目标背景图像生成单元还可以用于：在所述根据所述原始元素信息和所述元素调整信息对所述待调整背景图像中包含的待调整矢量图元素进行调整之后，根据所述画布中所述目标矢量图元素的背景颜色确定所述待调整矢量图元素的目标线条颜色，并将所述待调整矢量图元素的原始线条颜色调整为所述目标线条颜色，所述目标线条颜色与所述背景颜色位于不同色系中。Further, the target background image generation unit may also be configured to: after adjusting the vector graphics elements to be adjusted contained in the background image to be adjusted according to the original element information and the element adjustment information, according to The background color of the target vector graphics element in the canvas determines the target line color of the vector graphics element to be adjusted, and adjusts the original line color of the vector graphics element to be adjusted to the target line color, and the target The line color is in a different color family than the background color.
本发明实施例四提供的背景图像的配置装置可执行本发明任意实施例提供的背景图像的配置方法，具备执行背景图像的配置方法相应的功能模块和有益效果。未在本实施例中详尽描述的技术细节，可参见本发明任意实施例所提供的背景图像的配置方法。The background image configuration device provided in Embodiment 4 of the present invention can execute the background image configuration method provided in any embodiment of the present invention, and has corresponding functional modules and beneficial effects for executing the background image configuration method. For technical details not exhaustively described in this embodiment, refer to the method for configuring a background image provided in any embodiment of the present invention.
实施例五Embodiment five
图5为本发明实施例五提供的一种交互智能平板的结构示意图，如图5所示，该交互智能平板包括处理器50和存储器51，还可以包括输入装置52和输出装置53；交互智能平板中处理器50的数量可以是一个或多个，图5中以一个处理器50为例；交互智能平板中的处理器50、存储器51、输入装置52和输出装置53可以通过总线或其他方式连接，图5中以通过总线连接为例。Fig. 5 is a schematic structural diagram of an interactive smart panel provided by Embodiment 5 of the present invention. As shown in Fig. 5, the interactive smart panel includes a processor 50 and a memory 51, and may also include an input device 52 and an output device 53; The number of processors 50 in the panel can be one or more, and one processor 50 is taken as an example in Fig. 5; the processor 50, memory 51, input device 52 and output device 53 in the interactive smart panel can be connected by bus or other means Connection, in Figure 5, the bus connection is taken as an example.
存储器51作为一种计算机可读存储介质，可用于存储软件程序、计算机可执行程序以及模块，如本发明实施例中的背景图像的配置方法对应的程序指令/模块(例如，背景图像的配置装置中的矢量图元素信息获取模块401、和目标背景图像绘制模块402)。处理器50通过运行存储在存储器51中的软件程序、指令以及模块，从而执行交互智能平板的各种功能应用以及数据处理，即实现上述的背景图像的配置方法。The memory 51, as a computer-readable storage medium, can be used to store software programs, computer-executable programs and modules, such as program instructions/modules corresponding to the background image configuration method in the embodiment of the present invention (for example, a background image configuration device The element information acquisition module 401 of the vector diagram and the object background image drawing module 402). The processor 50 executes various functional applications and data processing of the interactive smart panel by running the software programs, instructions and modules stored in the memory 51 , that is, realizes the above-mentioned configuration method of the background image.
存储器51可主要包括存储程序区和存储数据区，其中，存储程序区可存储操作系统、至少一个功能所需的应用程序；存储数据区可存储根据终端的使用所创建的数据等。此外，存储器51可以包括高速随机存取存储器，还可以包括非易失性存储器，例如至少一个磁盘存储器件、闪存器件、或其他非易失性固态存储器件。在一些实例中，存储器51可进一步包括相对于处理器50远程设置的存储器，这些远程存储器可以通过网络连接至交互智能平板。上述网络的实例包括但不限于互联网、企业内部网、局域网、移动通信网及其组合。The memory 51 may mainly include a program storage area and a data storage area, wherein the program storage area may store an operating system and at least one application required by a function; the data storage area may store data created according to the use of the terminal, and the like. In addition, the memory 51 may include a high-speed random access memory, and may also include a non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid-state storage devices. In some examples, the memory 51 may further include a memory that is remotely located relative to the processor 50, and these remote memories may be connected to the interactive smart panel through a network. Examples of the aforementioned networks include, but are not limited to, the Internet, intranets, local area networks, mobile communication networks, and combinations thereof.
输入装置52可用于接收输入的数字或字符信息，以及产生与交互智能平板的用户设置以及功能控制有关的键信号输入。输出装置53可包括显示屏等显示设备。The input device 52 can be used to receive input numbers or character information, and generate key signal input related to user settings and function control of the interactive smart tablet. The output device 53 may include a display device such as a display screen.
实施例六Embodiment six
本发明实施例六还提供一种包含计算机可执行指令的存储介质，所述计算机可执行指令在由计算机处理器执行时用于执行一种背景图像的配置方法，该方法包括：Embodiment 6 of the present invention also provides a storage medium containing computer-executable instructions, and the computer-executable instructions are used to execute a method for configuring a background image when executed by a computer processor. The method includes:
获取画布目标背景图像的矢量图元素信息，所述目标背景图像中包含至少一个目标矢量图元素；Acquiring the vector graphics element information of the canvas target background image, where the target background image contains at least one target vector graphics element;
根据所述矢量图元素信息在所述画布中绘制所述目标矢量图元素并删除所述画布的原始背景图像中包含的原始矢量图元素，以将所述画布的原始背景图像替换为所述目标背景图像。Draw the target vector graphics element on the canvas according to the vector graphics element information and delete the original vector graphics element contained in the original background image of the canvas, so as to replace the original background image of the canvas with the target background image.
当然,本发明实施例所提供的一种包含计算机可执行指令的存储介质,其计算机可执行指令不限于如上所述的方法操作,还可以执行本发明任意实施例所提供的背景图像的配置方法中的相关操作。Certainly, a storage medium containing computer-executable instructions provided by an embodiment of the present invention, the computer-executable instructions are not limited to the method operations described above, and can also execute the background image configuration method provided by any embodiment of the present invention Related operations in .
通过以上关于实施方式的描述，所属领域的技术人员可以清楚地了解到，本发明可借助软件及必需的通用硬件来实现，当然也可以通过硬件实现，但很多情况下前者是更佳的实施方式。基于这样的理解，本发明的技术方案本质上或者说对现有技术做出贡献的部分可以以软件产品的形式体现出来，该计算机软件产品可以存储在计算机可读存储介质中，如计算机的软盘、只读存储器(Read-Only Memory,ROM)、随机存取存储器(RandomAccess Memory,RAM)、闪存(FLASH)、硬盘或光盘等，包括若干指令用以使得一台计算机设备(可以是个人计算机，服务器，或者网络设备等)执行本发明各个实施例所述的方法。Through the above description about the implementation mode, those skilled in the art can clearly understand that the present invention can be realized by means of software and necessary general-purpose hardware, and of course it can also be realized by hardware, but in many cases the former is a better implementation mode . Based on this understanding, the essence of the technical solution of the present invention or the part that contributes to the prior art can be embodied in the form of a software product, and the computer software product can be stored in a computer-readable storage medium, such as a floppy disk of a computer , read-only memory (Read-Only Memory, ROM), random access memory (Random Access Memory, RAM), flash memory (FLASH), hard disk or optical disc, etc., including several instructions to make a computer device (which can be a personal computer, A server, or a network device, etc.) executes the methods described in various embodiments of the present invention.
值得注意的是，上述背景图像的配置装置的实施例中，所包括的各个单元和模块只是按照功能逻辑进行划分的，但并不局限于上述的划分，只要能够实现相应的功能即可；另外，各功能单元的具体名称也只是为了便于相互区分，并不用于限制本发明的保护范围。It is worth noting that, in the above-mentioned embodiment of the background image configuration device, the included units and modules are only divided according to functional logic, but are not limited to the above-mentioned division, as long as the corresponding functions can be realized; in addition , the specific names of each functional unit are only for the convenience of distinguishing each other, and are not used to limit the protection scope of the present invention.
注意，上述仅为本发明的较佳实施例及所运用技术原理。本领域技术人员会理解，本发明不限于这里所述的特定实施例，对本领域技术人员来说能够进行各种明显的变化、重新调整和替代而不会脱离本发明的保护范围。因此，虽然通过以上实施例对本发明进行了较为详细的说明，但是本发明不仅仅限于以上实施例，在不脱离本发明构思的情况下，还可以包括更多其他等效实施例，而本发明的范围由所附的权利要求范围决定。Note that the above are only preferred embodiments of the present invention and applied technical principles. Those skilled in the art will understand that the present invention is not limited to the specific embodiments described herein, and that various obvious changes, readjustments and substitutions can be made by those skilled in the art without departing from the protection scope of the present invention. Therefore, although the present invention has been described in detail through the above embodiments, the present invention is not limited to the above embodiments, and can also include more other equivalent embodiments without departing from the concept of the present invention, and the present invention The scope is determined by the scope of the appended claims.
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711164199.1ACN107943363B (en) | 2017-11-21 | 2017-11-21 | Background image configuration method and device, interactive smart tablet and storage medium |
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711164199.1ACN107943363B (en) | 2017-11-21 | 2017-11-21 | Background image configuration method and device, interactive smart tablet and storage medium |
| Publication Number | Publication Date |
|---|---|
| CN107943363Atrue CN107943363A (en) | 2018-04-20 |
| CN107943363B CN107943363B (en) | 2020-10-02 |
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711164199.1AActiveCN107943363B (en) | 2017-11-21 | 2017-11-21 | Background image configuration method and device, interactive smart tablet and storage medium |
| Country | Link |
|---|---|
| CN (1) | CN107943363B (en) |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108833739A (en)* | 2018-06-28 | 2018-11-16 | 广州视源电子科技股份有限公司 | Image output apparatus and image output method |
| CN109241304A (en)* | 2018-08-16 | 2019-01-18 | 广州视源电子科技股份有限公司 | Picture processing method, device and equipment |
| CN109445669A (en)* | 2018-11-06 | 2019-03-08 | 湖南中医药大学 | The method that a kind of pair of picture is shown and drawn |
| CN111489283A (en)* | 2019-01-25 | 2020-08-04 | 鸿富锦精密工业(武汉)有限公司 | Picture format conversion method and device and computer storage medium |
| CN111741348A (en)* | 2019-05-27 | 2020-10-02 | 北京京东尚科信息技术有限公司 | Method, system, equipment and storage medium for controlling webpage video playing |
| CN111857913A (en)* | 2020-07-03 | 2020-10-30 | Oppo广东移动通信有限公司 | Method, device, electronic device and readable storage medium for generating a screen image |
| CN112347219A (en)* | 2020-11-13 | 2021-02-09 | 北京恒华伟业科技股份有限公司 | Vector map material library generation method, vector map generation system and electronic equipment |
| 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 (en)* | 2015-02-10 | 2015-05-13 | 广州视源电子科技股份有限公司 | Picture generation method and device |
| CN104616331A (en)* | 2015-02-16 | 2015-05-13 | 百度在线网络技术（北京）有限公司 | Image processing method and device on mobile device |
| CN106055219A (en)* | 2016-05-26 | 2016-10-26 | 北京京东尚科信息技术有限公司 | Method, apparatus and system of improving e-book reading experience of user |
| CN106569805A (en)* | 2016-10-21 | 2017-04-19 | 搜游网络科技(北京)有限公司 | Canvas storage/graph drawing method and equipment |
| CN106843639A (en)* | 2016-12-26 | 2017-06-13 | 上海与德信息技术有限公司 | The display methods of icon and the display device of icon |
| CN107066430A (en)* | 2017-04-21 | 2017-08-18 | 广州爱九游信息技术有限公司 | Image processing method, device, service end and client |
| 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 (en)* | 2015-02-10 | 2015-05-13 | 广州视源电子科技股份有限公司 | Picture generation method and device |
| CN104616331A (en)* | 2015-02-16 | 2015-05-13 | 百度在线网络技术（北京）有限公司 | Image processing method and device on mobile device |
| CN106055219A (en)* | 2016-05-26 | 2016-10-26 | 北京京东尚科信息技术有限公司 | Method, apparatus and system of improving e-book reading experience of user |
| CN106569805A (en)* | 2016-10-21 | 2017-04-19 | 搜游网络科技(北京)有限公司 | Canvas storage/graph drawing method and equipment |
| CN106843639A (en)* | 2016-12-26 | 2017-06-13 | 上海与德信息技术有限公司 | The display methods of icon and the display device of icon |
| CN107066430A (en)* | 2017-04-21 | 2017-08-18 | 广州爱九游信息技术有限公司 | Image processing method, device, service end and client |
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108833739A (en)* | 2018-06-28 | 2018-11-16 | 广州视源电子科技股份有限公司 | Image output apparatus and image output method |
| CN109241304A (en)* | 2018-08-16 | 2019-01-18 | 广州视源电子科技股份有限公司 | Picture processing method, device and equipment |
| CN109241304B (en)* | 2018-08-16 | 2021-12-03 | 广州视源电子科技股份有限公司 | Picture processing method, device and equipment |
| CN109445669A (en)* | 2018-11-06 | 2019-03-08 | 湖南中医药大学 | The method that a kind of pair of picture is shown and drawn |
| CN109445669B (en)* | 2018-11-06 | 2022-03-22 | 湖南中医药大学 | Method for displaying and drawing picture |
| CN111489283A (en)* | 2019-01-25 | 2020-08-04 | 鸿富锦精密工业(武汉)有限公司 | Picture format conversion method and device and computer storage medium |
| CN111489283B (en)* | 2019-01-25 | 2023-08-11 | 鸿富锦精密工业(武汉)有限公司 | Picture format conversion method and device and computer storage medium |
| CN111741348A (en)* | 2019-05-27 | 2020-10-02 | 北京京东尚科信息技术有限公司 | Method, system, equipment and storage medium for controlling webpage video playing |
| CN111857913A (en)* | 2020-07-03 | 2020-10-30 | Oppo广东移动通信有限公司 | Method, device, electronic device and readable storage medium for generating a screen image |
| CN112347219A (en)* | 2020-11-13 | 2021-02-09 | 北京恒华伟业科技股份有限公司 | Vector map material library generation method, vector map generation system and electronic equipment |
| CN112347219B (en)* | 2020-11-13 | 2023-10-17 | 北京恒华伟业科技股份有限公司 | Vector map material library generation method, vector map generation system and electronic equipment |
| Publication number | Publication date |
|---|---|
| CN107943363B (en) | 2020-10-02 |
| Publication | Publication Date | Title |
|---|---|---|
| CN107943363B (en) | Background image configuration method and device, interactive smart tablet and storage medium | |
| CN110703966B (en) | File sharing method, device and system, corresponding equipment and storage medium | |
| CN107885430B (en) | Audio playing method and device, storage medium and electronic equipment | |
| CN109146991B (en) | Picture format conversion method, device, equipment and storage medium | |
| CN106056530B (en) | Method and device for displaying picture content in application | |
| WO2020048326A1 (en) | Interface display method and system, and terminal device | |
| CN103955339A (en) | Terminal operation method and terminal equipment | |
| CN109145272B (en) | Text rendering and layout method, apparatus, device and storage medium | |
| US9467495B2 (en) | Transferring assets via a server-based clipboard | |
| CN110045909A (en) | Ellipse processing method, device and equipment based on writing track and storage medium | |
| CN112783595A (en) | Display method and device for interactive writing and electronic equipment | |
| CN105096364B (en) | Animation data generation method and device and electronic equipment | |
| WO2022170982A1 (en) | Image processing method and apparatus, image generation method and apparatus, device, and medium | |
| CN108829486A (en) | Background setting method, device, equipment and storage medium | |
| CN107817935A (en) | Application interface display method and device, terminal and computer readable storage medium | |
| CN107895006A (en) | Audio frequency playing method, device, storage medium and electronic equipment | |
| CN108492349B (en) | Processing method, device and equipment for writing strokes and storage medium | |
| CN108509241A (en) | A kind of full screen display process of image, full screen display device and mobile terminal | |
| CN107391148B (en) | View element storage method, device, electronic device and computer storage medium | |
| CN110533742B (en) | Image color filling method, device, equipment and storage medium | |
| CN107526597A (en) | User interface edit methods, device, terminal and computer-readable recording medium | |
| CN115018949A (en) | Picture processing method and device, electronic equipment 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 | |
| WO2018194853A1 (en) | Enhanced inking capabilities for content creation applications | |
| WO2018090463A1 (en) | Method, device and system for displaying input information by region |
| 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 |