CN107943363B - Background image configuration method and device, interactive intelligent panel and storage medium - Google Patents
Background image configuration method and device, interactive intelligent panel and storage medium 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
The invention discloses a background image configuration method and device, an interactive intelligent panel and a storage medium. The method comprises the following steps: obtaining vector diagram element information of a canvas target background image, wherein the target background image comprises at least one target vector diagram element; and drawing the target vector diagram elements in the canvas according to the vector diagram element information and deleting the original vector diagram elements 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. By adopting the technical scheme, the embodiment of the invention can reduce the storage space occupied by the canvas background image, avoid the situation that the background image is distorted and improve the use experience of a user by drawing the canvas background image based on the vector diagram.
Description
Technical Field
The invention relates to the field of intelligent equipment, in particular to a background image configuration method and device, an interactive intelligent panel and a storage medium.
Background
With the development of information processing technology and electronic technology, the interactive smart tablet equipped with the touch screen is also gradually replacing the traditional display screen and applied to various fields such as teaching and office.
In the implementation process of human-computer interaction, a handwriting input function for a user to write characters or draw images through a stylus or a finger is one of common human-computer interaction modes of an interactive intelligent tablet. When a user performs handwriting input operation, a touch track of the user on a touch screen of an interactive intelligent tablet is usually detected, and then the touch track is drawn and displayed on a canvas of the interactive intelligent tablet, so that a handwriting input function of the interactive intelligent tablet is realized. In order to meet the handwriting input requirements of different users, the interactive smart tablet generally configures a plurality of background pictures with different textures for the canvas of the tablet, so that the user can select the background pictures when performing handwriting input through the canvas.
However, the inventor finds that the prior art has the following technical defects in the process of implementing the invention: background pictures configured by the interactive intelligent tablet canvas often need to occupy larger storage space, and distortion is easy to occur during zooming, so that the user experience is poor.
Disclosure of Invention
In view of this, embodiments of the present invention provide a method and an apparatus for configuring a background image, an interactive smart tablet, and a storage medium, so as to solve the technical problems that a background image configured by a canvas of an interactive smart tablet in the prior art occupies a large storage space and is easy to distort.
In a first aspect, an embodiment of the present invention provides a method for configuring a background image, including:
acquiring vector diagram element information of a complementary target background image, wherein the target background image comprises at least one target vector diagram element;
and drawing the target vector diagram elements in the canvas according to the vector diagram element information and deleting the original vector diagram elements 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 an apparatus for configuring a background image, including:
the vector diagram element information acquisition module is used for acquiring vector diagram element information of a canvas target background image, and the target background image comprises at least one target vector diagram element;
and the target background image drawing module is used for drawing the target vector diagram elements in the canvas according to the vector diagram element information and deleting the original vector diagram elements 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 third aspect, an embodiment of the present invention provides an interactive smart tablet, including:
one or more processors;
a 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 method for configuring a background image according to 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, where the computer program, when executed by a processor, implements the method for configuring the background image according to the embodiment of the present invention.
In the technical scheme for configuring the background image, vector diagram element information of each target vector diagram element in the canvas target background image is obtained, the target vector diagram element is drawn in the canvas according to the vector diagram element information, and each original vector diagram element contained in the original background image of the canvas is deleted, so that the background of the canvas is replaced by the target background image from the original background image. According to the technical scheme for configuring the background image, the background image of the canvas is drawn based on the vector diagram, the storage space occupied by the background image of the canvas can be reduced, the situation that the background image is distorted is avoided, and the use experience of a user is improved.
Drawings
Other features, objects and advantages of the invention will become more apparent upon reading of the detailed description of non-limiting embodiments made with reference to the following drawings:
fig. 1 is a schematic flowchart of a method for configuring a background image according to an embodiment of the present invention;
fig. 2 is a flowchart illustrating a background image configuration method according to a second embodiment of the present invention;
fig. 3 is a schematic flowchart of a background image configuration method according to a third embodiment of the present invention;
fig. 4 is a block diagram of a configuration apparatus of a background image according to a fourth embodiment of the present invention;
fig. 5 is a schematic structural diagram of an interactive smart tablet according to a fifth embodiment of the present invention.
Detailed Description
The present invention will be described in further detail with reference to the accompanying drawings and examples. It is to be understood that the specific embodiments described herein are merely illustrative of the invention and are not limiting of the invention. It should be further noted that, for the convenience of description, only some but not all of the relevant aspects of the present invention are shown in the drawings.
Example one
The embodiment of the invention provides a background image configuration method. The method may be performed by a configuration device of the background image, wherein the device may be implemented by software and/or hardware, and may be generally integrated in an electronic device (typically, an interactive smart tablet) with a handwriting input function. Fig. 1 is a schematic flowchart of a method for configuring a background image according to an embodiment of the present invention, as shown in fig. 1, the method includes:
s110, obtaining vector diagram element information of a canvas target background image, wherein the target background image comprises at least one target vector diagram element.
In this embodiment, the target background image may be understood as an image in a vector graphics format used as a canvas background, and the vector graphics element information of the target background image may be understood as image information of each vector graphics element constituting the target background image in the vector graphics format, such as a shape, a size, a drawing direction, a line width, a line color, a position coordinate of the target vector graphics element in the target background image, and/or a filling color of the target vector graphics element, and the like. Wherein a target vector graphics element may be understood as a respective vector graphics element in a target background image constituting a vector graphics format, the target background image may be constituted by one or more target vector graphics elements, i.e. the target background image may contain one or more target vector graphics elements.
In the technical solution, the target background image may be a vector image stored in an electronic device to which the canvas belongs or other third-party storage device (such as a usb disk, a mobile hard disk, a mobile phone, or a tablet computer), and accordingly, vector image element information of the canvas target background image may be obtained from the electronic device to which the canvas belongs, or may be obtained from other third-party storage device connected to the electronic device to which the canvas belongs. In consideration of the non-uniqueness of the background image in the vector diagram format stored in the electronic device or other third-party storage device to which the canvas belongs, optionally, when the vector diagram element information of the canvas target background image is obtained, the target background image may be determined based on a user selection operation or other methods, and then the vector diagram element information is obtained based on the target background image. The vector graphics element information can be stored independently from the image information of the target background image or can be contained in the image information of the target background image, and correspondingly, when the vector graphics element information of the target background image is obtained, the storage address of the vector graphics element information of the target background image can be determined based on the target background image firstly, and then the vector graphics element information of the target background image is read from the storage address; the image information of the target background image may be obtained first, and then the image information may be analyzed to obtain vector graphics element information included in the image information of the target background image, which is not limited herein.
And S120, drawing the target vector diagram elements in the canvas according to the vector diagram element information and deleting the original vector diagram elements 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 this embodiment, the execution sequence of drawing the target vector diagram elements in the target background image and deleting the original vector diagram elements in the original background image may be set as required, for example, the execution may be performed in a sequential order or simultaneously, and this is not limited here. In order to improve the clearness of the canvas display interface in the canvas background image replacing process, optionally, each original vector diagram element in the original background image drawn in the canvas may be deleted first (i.e., the original background image of the canvas is deleted first), and then the target vector diagram element of the target background image is drawn in the canvas. When the target background image contains a plurality of target vector diagram elements, the target vector diagram elements may be drawn simultaneously or in a set drawing order, for example, in a random order or in an order from top to bottom, from bottom to top, from left to right, or from right to left based on the relative positions of the target vector diagram elements in the target background image.
For example, when a certain target vector diagram element is drawn, information such as a drawing position, a drawing direction, and a line color of the vector diagram element may be determined according to vector diagram element information of the vector diagram element, and then a corresponding line is used in a target background image to draw according to the drawing direction, so as to form the target vector diagram element.
In the method for configuring a background image provided in the embodiment of the present invention, an obtaining module obtains vector diagram element information of each target vector diagram element in a target background image of a canvas, draws the target vector diagram elements in the canvas according to the vector diagram element information, and deletes each original vector diagram element included in an original background image of the canvas, so as to replace the original background image of the canvas with the target background image. By adopting the technical scheme, the storage space occupied by the canvas background image can be reduced based on the background image of the canvas drawn by the vector diagram, the situation that the background image is distorted is avoided, and the use experience of a user is improved.
On the basis of the above embodiment, before the obtaining the vector graphics element information of the target background image of the canvas, the method may further include: and constructing a target background image of the canvas according to the set construction rule. In the technical scheme, the target background image may be an existing target background image in the electronic device or the third-party storage device to which the canvas belongs, or may be a background image constructed based on user operation or according to a set construction rule, that is, a user may select an existing vector diagram as the target background image of the canvas, or may construct the target background image according to the use requirement of the user, which is not limited here. The construction rule of the target background image can be flexibly set, for example, the target background image of the canvas can be generated based on the drawing operation of the user in the canvas; the target background image different from the vector image may also be constructed and formed by adding one or more new vector image elements to the existing vector image, deleting one or more existing vector image elements from the existing vector image, and/or adjusting the size, position, or orientation of existing vector image elements in the vector image, based on user adjustment of vector image elements in the existing vector image, without limitation herein.
Example two
Fig. 2 is a flowchart illustrating a background image configuration method according to a second embodiment of the present invention. In this embodiment, the vector diagram element information of the canvas target background image is optimized as follows: determining a canvas target background image according to a set rule and acquiring image information of the target background image, wherein the image information comprises at least one vector diagram label; and determining element information to be converted of a target vector diagram element in the image information based on the vector diagram tag, and converting the element information to be converted into vector diagram element information conforming to the vector diagram format specification of the operating system corresponding to the canvas.
Further, before the determining element information to be converted of a target vector graphics element in the image information based on the vector graphics tag, the method may further include: and determining that the image information does not have corresponding vector diagram element information which conforms to the vector diagram format specification of the operating system corresponding to the canvas.
Further, after the converting the element information to be converted into vector diagram element information conforming to the vector diagram format specification of the operating system corresponding to the canvas, the method may further include: and storing the vector graphics element information, and establishing a corresponding relation between the vector graphics element information and the image information.
Correspondingly, as shown in fig. 2, the method for configuring a background image according to this embodiment includes:
s210, determining a target background image of the canvas according to a set rule and acquiring image information of the target background image, wherein the image information comprises at least one vector diagram label.
Here, the image information of the target background image may be understood as information for describing the target background image. A vector graphics tag may be understood as a tag that identifies each target vector graphics element in a one-to-one correspondence with the target vector graphics element in the target background image. For example, a corresponding relationship between each background image and a storage location of its image information may be established in advance, and accordingly, when acquiring the image information of the target background image, the storage location of the image information of the target background image may be determined based on the corresponding relationship and the image information of the target background image may be acquired from the storage location.
In this embodiment, the setting rule for determining the target background image of the canvas may be set as needed, for example, the vector image selected by the user may be determined as the target background image based on the selection operation of the user; the set default background image may also be determined as the target background image of the canvas, or the background image adjacent to and behind the original background image currently used by the canvas in the set replacement order may be determined as the target background image, which is not limited herein. Considering the conformity of the determined target background image with the intention of the user, optionally, if the user selects a certain vector diagram used as the canvas background, the vector diagram can be determined as the target background image of the canvas; if the user does not select the vector diagram, determining a next background image corresponding to the original background image in a replacement sequence set by the user as a target background image when the current conditions (such as the current time or the current use times of the original background image) meet the replacement conditions of the background image according to a background image replacement rule set by the user; if the user does not set the replacement rule of the background image, the target background image may be determined in a default replacement order or the default background image may be determined as the target background image.
S220, determining that the image information does not have corresponding vector diagram element information which conforms to the vector diagram format specification of the operating system corresponding to the canvas.
The operating system corresponding to the canvas is the operating system corresponding to the canvas. Because the target background image in the Vector Graphics format is usually a Vector Graphics generated based on the Vector Graphics format standard under the international standard (such as formats based on SVG (Scalable Vector Graphics) or IWB (Interactive white board), etc.), when the operating system corresponding to the canvas is a Windows operating system, the image information of the target background image can be directly read and the target background image can be drawn based on the image information; when the operating system corresponding to the canvas is a system other than a Windows system, such as an android system, the image information of the target background image may be first analyzed, and the image information in the target background image is converted into vector diagram element information under the operating system corresponding to the canvas, so that the vector diagram elements in the target background image may be drawn based on the vector diagram element information to complete the drawing of the target background image. In this embodiment, a system to which a canvas belongs is a non-Windows system as an example for explanation.
In this embodiment, after obtaining the image information of the target background image, directly performing S230 to analyze the image information of the target background image to obtain vector diagram element information of the target background image, and drawing vector diagram elements in the target background image based on the vector diagram element information, regardless of whether the target background image has been analyzed; or first determining whether the target background image has been analyzed (i.e., determining whether the image information has corresponding vector diagram element information that conforms to the vector diagram format specification of the operating system corresponding to the canvas), if so, not executing S230, and directly obtaining the vector diagram element information of the target background image based on the image information, otherwise, executing S230 to analyze the image information of the target background image to obtain the vector diagram element information of the target background image, which is not limited herein.
Considering the amount of calculation required for analyzing the image information of the target background image, preferably, after obtaining the image information of the target background image, it may be determined whether the image information of the target background image has corresponding vector diagram element information that conforms to the vector diagram format specification of the operating system corresponding to the canvas, and if it is determined that the image information of the target background image has corresponding vector diagram element information, the vector diagram element information may be obtained and S250 is executed; if it is determined that the image information of the target background image does not have corresponding vector image element information, S230 may be first performed to analyze the image information of the target background image to obtain vector image element information of the target background image.
And S230, determining element information to be converted of a target vector diagram element in the image information based on the vector diagram label, and converting the element information to be converted into vector diagram element information which conforms to the vector diagram format specification of the operating system corresponding to the canvas.
In this embodiment, when determining the vector graphics element information, to-be-converted element information of a target vector graphics element in a target background image and a vector graphics format specification of an operating system corresponding to a canvas may be obtained based on a vector graphics tag in image information of the target background image, and then the obtained to-be-converted element information is converted by using the vector graphics format specification to obtain the vector graphics element information of the target vector graphics element of the target background image.
Supposing that the target background image is a vector diagram in an SVG format, and the canvas corresponds to the operating system and is an android system, for example, when element information to be converted of the target background image is converted, an SVG file stream of the target background image may be first obtained and an SVG node of the obtained SVG file stream may be analyzed to obtain vector diagram tags such as path, line, rect, polygon, ellipse and/or image in the SVG file stream; and then reading the element information to be converted under each vector diagram label and converting the element information to be converted into a corresponding Java class under an android system, thereby realizing the purpose of converting the element information to be converted into the vector diagram element information. For example, assume that parsing determines that an llise tag exists in the SVG file stream: in this case, for example, a Java class corresponding to an ellipse may be first created, and then "cx" "," cy "", "rx" "," 50 "" "stroke-width" "" 10 "" in the tag may be converted into information of a point under the Java class of the android system ellipse, and "stroke" #000000 "" "stroke-width" "" 10 "" in the tag may be converted into Paint (rendering) information under the Java class of the android system ellipse, so that the ellipse may be directly drawn based on the Java class in the subsequent S250.
S240, drawing the target vector diagram elements in the canvas according to the vector diagram element information and deleting the original vector diagram elements 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.
And S250, storing the vector graphics element information, and establishing a corresponding relation between the vector graphics element information and the image information.
In this embodiment, after the vector graphics element information of the target background image is obtained through conversion, the vector graphics element information may be stored and a corresponding relationship between the vector graphics element information and the image information of the target background image may be established, so that the vector graphics element information of the target background image may be directly called according to the image information of the target background image when the target background image is subsequently used as the background of the canvas again.
The establishment rule between the vector graphics element information and the image information can be set as required, for example, the establishment of the corresponding relationship between the vector graphics element information of the target background image and the image information thereof can be realized by storing the vector graphics element information of the vector graphics element of the target background image and the image information of the target background image in the same storage position corresponding to the target background image; alternatively, a configuration file for recording the correspondence between the image information of different background images and the vector diagram element information thereof may be established in advance, and after the element information to be converted of the target background image is converted into the vector diagram element information, the storage location of the vector diagram element information and the storage location of the image information are stored in the configuration file in correspondence, thereby establishing the correspondence between the vector diagram element information of the target background image and the image information thereof. The storage location of the vector graphics element information may be flexibly set, for example, may be stored in a preset default storage location, such as a vector graphics background element gallery may be established in advance in an electronic device to which a canvas belongs or a server corresponding to the electronic device, and after the vector graphics element information of the target background image is obtained by conversion, the vector graphics element information is stored in the vector graphics background element gallery; the vector graphics element information may also be stored in a user-selected storage location in a device to which the drawing board belongs or in a third-party device, which is not limited herein.
It should be noted that, although the embodiment is described by taking an example that the vector graphics element information of the target background image and the image information of the target background image have a corresponding relationship, it may be understood that, in the technical solution of the present invention, a corresponding relationship between the vector graphics element information of the target background image and the target background image as well as between the image information of the target background image and the target background image may also be established, and accordingly, after the target background image is determined, it may be determined whether there is a corresponding vector graphics background image based on the target background image, and if there is a corresponding vector graphics background image, an operation of subsequently drawing a target vector graphics element may be performed based on the vector graphics background image; if the image information does not exist, the corresponding image information can be acquired 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 the second embodiment of the invention determines a target background image of a canvas according to a set rule and acquires image information of the target background image, determines element information to be converted of a target vector diagram element of the target background image based on a vector diagram label in the image information when determining that the image information does not have corresponding vector diagram element information, converts the element information to be converted to obtain the vector diagram element information of the target background image, draws the target background image based on the vector diagram element information, stores the vector diagram element information and establishes a corresponding relationship between the vector diagram element information and the image information of the target background image. By adopting the scheme, the storage space occupied by the canvas background image can be reduced, and the situation that the background image is distorted is avoided; the drawing efficiency of the target background image can be improved, and the use experience of a user is improved.
EXAMPLE III
Fig. 3 is a schematic flow chart of a background image configuration method according to a third embodiment of the present invention, where the third embodiment of the present invention performs optimization based on the above-described embodiment, and in the present embodiment, "a target background image of a canvas is constructed according to a set construction rule" is optimized as follows: acquiring original element information of a background image to be adjusted and element adjustment information of the background image to be adjusted, wherein the original element information of the background image to be adjusted and the element adjustment information of the background image to be adjusted are drawn in a canvas, and the element adjustment information comprises size adjustment information and/or position adjustment information; adjusting vector diagram 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 a target background image; and storing the image information of the target background image under a set vector diagram format, wherein the image information comprises element information to be converted of the target vector diagram elements generated by adjusting the vector diagram elements to be adjusted and the vector diagram labels of the target vector diagram elements.
Correspondingly, as shown in fig. 3, the method for configuring a background image according to this embodiment includes:
s310, obtaining original element information of a background image to be adjusted drawn in a canvas and element adjustment information of the background image to be adjusted, wherein the element adjustment information comprises size adjustment information and/or position adjustment information.
In this embodiment, the user can adjust the size and/or the display position of the vector diagram element to be adjusted in the background image to be adjusted based on the own needs. Wherein adjusting the display position of the vector graphics element to be adjusted preferably comprises adjusting the orientation of the vector graphics element to be adjusted (i.e., rotating the vector graphics element to be adjusted). At this time, element adjustment information of the background image to be adjusted may be generated based on the adjustment request of the user, and the vector diagram elements to be adjusted in the background image to be adjusted are adjusted based on the element adjustment information and the original element information of the background image to be adjusted, so as to meet the demand of different users for no use.
At this time, it is preferable that before acquiring the original element information of the background image to be adjusted and the element adjustment information of the background image to be adjusted, the method further includes: determining at least one vector diagram element selected by a user at a set storage position as a vector diagram element to be adjusted, acquiring original element information of the target vector diagram element, and drawing the target vector diagram element in the canvas based on the original element information; and/or determining vector diagram elements drawn by a user in the canvas as vector diagram elements to be adjusted; and constructing a background image to be adjusted based on the vector diagram elements to be adjusted. The set storage location may be an electronic device to which the canvas belongs or a third-party storage device.
And S320, adjusting vector diagram 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 a target background image.
For example, when adjusting the vector graphics element to be adjusted in the background image to be adjusted, size information after the adjustment of the vector graphics element to be adjusted may be first determined based on the original element information of the background image to be adjusted and size adjustment information in the element adjustment information, and/or position information after the adjustment of the vector graphics element to be adjusted may be determined based on the original element information of the background image to be adjusted and position adjustment information in the element adjustment information, and then the target background image is drawn according to the adjusted size information and/or position information and the background image to be adjusted drawn in the canvas is deleted, so as to complete the adjustment of the background image to be adjusted.
In this embodiment, after the size and/or the position of the background image to be adjusted are adjusted, the line color of each vector diagram element to be adjusted may also be adjusted automatically or based on the operation of the user in order to further improve the display effect of the generated target background image. At this time, optionally, if the target line color adjusted by the vector diagram element to be adjusted is set by the user, the line color of the vector diagram element to be adjusted may be adjusted to the target line color set by the user; if the user does not set the target line color of the vector graphics element to be adjusted after adjustment, the method may determine the target line color of the vector graphics element to be adjusted based on the background color of the vector graphics element to be adjusted after position and/or size adjustment and adjust the line color of the vector graphics element to be adjusted based on the target line color, and at this time, preferably, after the vector graphics element to be adjusted contained in the background image to be adjusted is adjusted according to the original element information and the element adjustment information, the method further includes: and determining the target line color of the vector diagram element to be adjusted according to the background color of the target vector diagram element in the canvas, and adjusting the original line color of the vector diagram element to be adjusted to the target line color, wherein the target line color and the background color are in different color systems, so that the definition of the adjusted generated target vector diagram element during display is improved. For example, if the background color of the target vector diagram element is black, the target line color of the target vector diagram element can be determined to be white or other colors with a larger color difference with a black color system; if the background color of the target vector diagram element is white, the target line color thereof can be determined to be black or other colors which are greatly different from the white color system.
S330, storing the image information of the target background image under the condition of setting a vector diagram format, wherein the image information comprises element information to be converted of the target vector diagram elements generated by adjusting the vector diagram elements to be adjusted and vector diagram labels of the target vector diagram elements.
In this embodiment, the target background image may be stored according to a set vector graphics format, and at this time, correspondingly, the image information of the target background image may be stored in the set vector graphics format. The set vector image format may be set as required, for example, the target background image may be saved as a vector image in a format such as SVG or IWB, and the image information of the target background image may be saved based on a format standard corresponding to the vector image format such as SVG or IWB.
S340, obtaining vector diagram element information of the canvas target background image, wherein the target background image comprises at least one target vector diagram element.
S350, drawing the target vector diagram elements in the canvas according to the vector diagram element information, and deleting the original vector diagram elements 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 the method for configuring a background image provided by the third embodiment of the present invention, the vector diagram element to be adjusted contained in the background image to be adjusted is adjusted to generate the target background image based on the original element information and the element adjustment information of the background image to be adjusted, which are drawn in the canvas, so that the storage space occupied by the canvas background image can be reduced, and the situation that the background image is distorted is avoided; the background image of the canvas can meet different use requirements of different users, and use experience of the users is improved.
Example four
The fourth embodiment of the present invention provides a background image configuration apparatus, which may be implemented by software and/or hardware, and may be generally integrated in an electronic device (typically, an interactive smart tablet) having a handwriting input function, and may implement configuration of a canvas background image of the electronic device by executing a background image configuration method. Fig. 4 is a block diagram of a configuration apparatus of a background image provided in this embodiment, and as shown in fig. 4, the apparatus includes:
a vector graphics element information obtaining module 401, configured to obtain vector graphics element information of a canvas target background image, where the target background image includes at least one target vector graphics element;
a target background image drawing module 402, configured to draw the target vector graphics element in the canvas according to the vector graphics element information and delete an original vector graphics element contained in an original background image of the canvas, so as to replace the original background image of the canvas with the target background image.
In the background image configuration device provided by the fourth embodiment of the present invention, the vector diagram element information of each target vector diagram element in the canvas target background image is acquired by the vector diagram element information acquisition module, and the target vector diagram element is drawn in the canvas by the target background image drawing module according to the vector diagram element information and each original vector diagram element included in the original background image of the canvas is deleted, so that the background of the canvas is replaced with the target background image from the original background image. By adopting the technical scheme, the storage space occupied by the canvas background image can be reduced based on the background image of the canvas drawn by the vector diagram, the situation that the background image is distorted is avoided, and the use experience of a user is improved.
In the above solution, the vector graphics element information obtaining module 401 may include: the image information acquisition unit is used for determining a target background image of a canvas according to a set rule and acquiring image information of the target background image, wherein the image information comprises at least one vector diagram label; and the vector diagram element information conversion unit is used for determining element information to be converted of a target vector diagram element in the image information based on the vector diagram label and converting the element information to be converted into the vector diagram element information which conforms to the vector diagram format specification of the operating system corresponding to the canvas.
Further, the vector graphics element information obtaining module 401 may further include: a vector graphics element information determination unit for determining that no corresponding vector graphics element information conforming to the vector graphics format specification of the operating system corresponding to the canvas exists for the image information before the determining of the to-be-converted element information for a target vector graphics element in the image information based on the vector graphics tag.
Further, the vector graphics element information obtaining module 401 may further include: and the vector diagram element information storage unit is used for storing the vector diagram element information and establishing the corresponding relation between the vector diagram element information and the image information after converting the element information to be converted into the vector diagram element information which conforms to the vector diagram format specification of the operating system corresponding to the canvas.
Further, the apparatus for configuring a background image provided in this embodiment may further include: and the target background image construction module is used for constructing the target background image of the canvas according to a set construction rule before the vector diagram element information of the target background image of the canvas is obtained.
In the foregoing solution, the target background image construction module may include: the device comprises an information acquisition unit, a background image generation unit and a background image adjustment unit, wherein the information acquisition unit is used for acquiring original element information of a background image to be adjusted drawn in a canvas and element adjustment information of the background image to be adjusted, and the element adjustment information comprises size adjustment information and/or position adjustment information; a target background image generating unit, configured to adjust a vector diagram element 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; and the target background image storage unit is used for storing the image information of the target background image under a set vector diagram format, wherein the image information comprises the element information to be converted of the target vector diagram element generated by adjusting the vector diagram element to be adjusted and the vector diagram label of the target vector diagram element.
Further, the target background image construction module may further include: a to-be-adjusted vector diagram element determining unit, configured to determine at least one vector diagram element selected by a user at a set storage location as a to-be-adjusted vector diagram element before obtaining original element information of a to-be-adjusted background image and element adjustment information of the to-be-adjusted background image drawn in the canvas, obtain original element information of the target vector diagram element, and draw the target vector diagram element in the canvas based on the original element information; and/or determining vector diagram elements drawn by a user in the canvas as vector diagram elements to be adjusted; and the background image to be adjusted constructing unit is used for constructing the background image to be adjusted based on the vector diagram elements to be adjusted.
Further, the target background image generation unit may be further configured to: after the vector graphics element to be adjusted contained in the background image to be adjusted is adjusted according to the original element information and the element adjustment information, determining the target line color of the vector graphics element to be adjusted according to the background color of the target vector graphics element in the canvas, and adjusting the original line color of the vector graphics element to be adjusted to the target line color, wherein the target line color and the background color are in different color systems.
The background image configuration device provided by the fourth embodiment of the present invention is capable of executing the background image configuration method provided by any embodiment of the present invention, and has functional modules and beneficial effects corresponding to the execution of the background image configuration method. For details of the background image, reference may be made to the method for configuring the background image according to any embodiment of the present invention.
EXAMPLE five
Fig. 5 is a schematic structural diagram of an interactive smart tablet according to a fifth embodiment of the present invention, as shown in fig. 5, the interactive smart tablet includes a processor 50 and a memory 51, and may further include an input device 52 and an output device 53; the number of processors 50 in the interactive smart tablet may be one or more, and one processor 50 is taken as an example in fig. 5; the processor 50, the memory 51, the input device 52 and the output device 53 in the interactive smart tablet may be connected by a bus or other means, and the bus connection is exemplified in fig. 5.
The memory 51, as a computer-readable storage medium, may be used to store software programs, computer-executable programs, and modules, such as program instructions/modules corresponding to the configuration method of the background image in the embodiment of the present invention (for example, the vector graphics element information acquisition module 401 and the target background image rendering module 402 in the configuration device of the background image). The processor 50 executes various functional applications and data processing of the interactive smart tablet by running software programs, instructions and modules stored in the memory 51, that is, the above-mentioned configuration method of the background image is realized.
The memory 51 may mainly include a storage program area and a storage data area, wherein the storage program area may store an operating system, an application program required for at least one function; the storage data area may store data created according to the use of the terminal, and the like. Further, the memory 51 may include high speed random access memory, and may also include non-volatile memory, such as at least one magnetic disk storage device, flash memory device, or other non-volatile solid state storage device. In some examples, memory 51 may further include memory located remotely from processor 50, which may be connected to the interactive smart tablet via a network. Examples of such networks include, but are not limited to, the internet, intranets, local area networks, mobile communication networks, and combinations thereof.
The input device 52 may be used to receive entered numeric or character information and generate key signal inputs related to user settings and function controls of the interactive smart tablet. The output device 53 may include a display device such as a display screen.
EXAMPLE six
An embodiment of the present invention further provides a storage medium containing computer-executable instructions, which when executed by a computer processor, perform a method for configuring a background image, the method including:
obtaining vector diagram element information of a canvas target background image, wherein the target background image comprises at least one target vector diagram element;
and drawing the target vector diagram elements in the canvas according to the vector diagram element information and deleting the original vector diagram elements 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.
Of course, the storage medium containing the computer-executable instructions provided by the embodiments of the present invention is not limited to the method operations described above, and may also perform related operations in the method for configuring the background image provided by any embodiment of the present invention.
From the above description of the embodiments, it is obvious for those skilled in the art that the present invention can be implemented by software and necessary general hardware, and certainly, can also be implemented by hardware, but the former is a better embodiment in many cases. Based on such understanding, the technical solutions of the present invention may be embodied in the form of a software product, which may be stored in a computer-readable storage medium, such as a floppy disk, a Read-Only Memory (ROM), a Random Access Memory (RAM), a FLASH Memory (FLASH), a hard disk or an optical disk of a computer, and includes several instructions for enabling a computer device (which may be a personal computer, a server, or a network device) to execute the methods according to the embodiments of the present invention.
It should be noted that, in the embodiment of the background image configuration apparatus, the included units and modules are only divided according to functional logic, but are not limited to the above division as long as the corresponding functions can be implemented; in addition, specific names of the functional units are only for convenience of distinguishing from each other, and are not used for limiting the protection scope of the present invention.
It is to be noted that the foregoing is only illustrative of the preferred embodiments of the present invention and the technical principles employed. It will be understood by those skilled in the art that the present invention is not limited to the particular embodiments described herein, but is capable of various obvious changes, rearrangements and substitutions as will now become apparent to those skilled in the art without departing from the scope of the invention. Therefore, although the present invention has been described in greater detail by the above embodiments, the present invention is not limited to the above embodiments, and may include other equivalent embodiments without departing from the spirit of the present invention, and the scope of the present invention is determined by the scope of the appended claims.
Claims (10)
1. A method for configuring a background image, comprising:
determining a target background image of a canvas according to a set rule and acquiring image information of the target background image, wherein the target background image comprises at least one target vector diagram element, and the image information comprises at least one vector diagram label;
determining element information to be converted of a target vector diagram element in the image information based on the vector diagram label, and converting the element information to be converted into vector diagram element information conforming to the vector diagram format specification of an operating system corresponding to the canvas;
and drawing the target vector diagram elements in the canvas according to the vector diagram element information and deleting the original vector diagram elements 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.
2. The method of claim 1 further comprising, prior to said determining element information to be converted for a target vector graphics element in said image information based on said vector graphics tag:
and determining that the image information does not have corresponding vector diagram element information which conforms to the vector diagram format specification of the operating system corresponding to the canvas.
3. The method of claim 2, further comprising, after said converting said element to be converted information into vector graphics element information conforming to a vector graphics format specification of said canvas corresponding operating system:
and storing the vector graphics element information, and establishing a corresponding relation between the vector graphics element information and the image information.
4. The method according to claim 1, before the determining a target background image of the canvas according to the set rule and acquiring image information of the target background image, further comprising:
and constructing a target background image of the canvas according to the set construction rule.
5. The method of claim 4, wherein the constructing the target background image of the canvas according to the set construction rules comprises:
acquiring original element information of a background image to be adjusted and element adjustment information of the background image to be adjusted, wherein the original element information of the background image to be adjusted and the element adjustment information of the background image to be adjusted are drawn in a canvas, and the element adjustment information comprises size adjustment information and/or position adjustment information;
adjusting vector diagram 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 a target background image;
and storing the image information of the target background image under a set vector diagram format, wherein the image information comprises element information to be converted of the target vector diagram elements generated by adjusting the vector diagram elements to be adjusted and the vector diagram labels of the target vector diagram elements.
6. The method according to claim 5, wherein before acquiring the original element information of the background image to be adjusted and the element adjustment information of the background image to be adjusted, which are drawn in the canvas, the method further comprises:
determining at least one vector diagram element selected by a user at a set storage position as a vector diagram element to be adjusted, acquiring original element information of the target vector diagram element, and drawing the target vector diagram element in the canvas based on the original element information; and/or determining vector diagram elements drawn by a user in the canvas as vector diagram elements to be adjusted;
and constructing a background image to be adjusted based on the vector diagram elements to be adjusted.
7. The method according to claim 5, further comprising, after said adjusting vector graphics elements to be adjusted contained in said background image to be adjusted according to said original element information and said element adjustment information:
and determining the target line color of the vector diagram element to be adjusted according to the background color of the target vector diagram element in the canvas, and adjusting the original line color of the vector diagram element to be adjusted to the target line color, wherein the target line color and the background color are in different color systems.
8. An apparatus for configuring a background image, comprising:
the vector diagram element information acquisition module is used for acquiring vector diagram element information of a canvas target background image, and the target background image comprises at least one target vector diagram element;
a target background image drawing module, configured to draw the target vector diagram elements in the canvas according to the vector diagram element information and delete original vector diagram elements included in an original background image of the canvas, so as to replace the original background image of the canvas with the target background image;
wherein, the vector diagram element information acquisition module comprises:
the image information acquisition unit is used for determining a target background image of a canvas according to a set rule and acquiring image information of the target background image, wherein the image information comprises at least one vector diagram label;
and the vector diagram element information conversion unit is used for determining element information to be converted of a target vector diagram element in the image information based on the vector diagram label and converting the element information to be converted into the vector diagram element information which conforms to the vector diagram format specification of the operating system corresponding to the canvas.
9. An interactive smart tablet, the interactive smart tablet comprising:
one or more processors;
a memory for storing one or more programs,
when executed by the one or more processors, cause the one or more processors to implement the method of configuring a background image of any of claims 1-7.
10. A computer-readable storage medium, on which a computer program is stored, which, when being executed by a processor, carries out a method of configuring a background image according to any one of claims 1 to 7.
Priority Applications (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711164199.1A CN107943363B (en) | 2017-11-21 | 2017-11-21 | Background image configuration method and device, interactive intelligent panel and storage medium |
Applications Claiming Priority (1)
| Application Number | Priority Date | Filing Date | Title |
|---|---|---|---|
| CN201711164199.1A CN107943363B (en) | 2017-11-21 | 2017-11-21 | Background image configuration method and device, interactive intelligent panel and storage medium |
Publications (2)
| Publication Number | Publication Date |
|---|---|
| CN107943363A CN107943363A (en) | 2018-04-20 |
| CN107943363B true CN107943363B (en) | 2020-10-02 |
Family
ID=61929518
Family Applications (1)
| Application Number | Title | Priority Date | Filing Date |
|---|---|---|---|
| CN201711164199.1A Active CN107943363B (en) | 2017-11-21 | 2017-11-21 | Background image configuration method and device, interactive intelligent panel and storage medium |
Country Status (1)
| Country | Link |
|---|---|
| CN (1) | CN107943363B (en) |
Families Citing this family (7)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN108833739A (en) * | 2018-06-28 | 2018-11-16 | 广州视源电子科技股份有限公司 | Image output apparatus and image output method |
| CN109241304B (en) * | 2018-08-16 | 2021-12-03 | 广州视源电子科技股份有限公司 | Picture processing method, device and equipment |
| CN109445669B (en) * | 2018-11-06 | 2022-03-22 | 湖南中医药大学 | Method for displaying and drawing picture |
| CN111489283B (en) * | 2019-01-25 | 2023-08-11 | 鸿富锦精密工业(武汉)有限公司 | Picture format conversion method and device and computer storage medium |
| CN111741348B (en) * | 2019-05-27 | 2022-09-06 | 北京京东尚科信息技术有限公司 | Method, system, equipment and storage medium for controlling webpage video playing |
| CN111857913A (en) * | 2020-07-03 | 2020-10-30 | Oppo广东移动通信有限公司 | Screen-turning image generation method and device, electronic equipment and readable storage medium |
| CN112347219B (en) * | 2020-11-13 | 2023-10-17 | 北京恒华伟业科技股份有限公司 | Vector map material library generation method, vector map generation system and electronic equipment |
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 (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 |
| 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 |
Family Cites Families (1)
| Publication number | Priority date | Publication date | Assignee | Title |
|---|---|---|---|---|
| CN106055219B (en) * | 2016-05-26 | 2019-05-03 | 北京京东尚科信息技术有限公司 | Improve the method, apparatus and system of the experience of user's reading electronic book |
-
2017
- 2017-11-21 CN CN201711164199.1A patent/CN107943363B/en 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 (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 |
| 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 |
Also Published As
| Publication number | Publication date |
|---|---|
| CN107943363A (en) | 2018-04-20 |
Similar Documents
| Publication | Publication Date | Title |
|---|---|---|
| CN107943363B (en) | Background image configuration method and device, interactive intelligent panel and storage medium | |
| CN111045655B (en) | Page rendering method and device, rendering server and storage medium | |
| US20170371844A1 (en) | Method, device and terminal for implementing regional screen capture | |
| CN106056530B (en) | Method and device for displaying picture content in application | |
| CN110852332B (en) | Training sample generation method and device, storage medium and electronic equipment | |
| EP3822758B1 (en) | Method and apparatus for setting background of ui control | |
| CN109146991B (en) | Picture format conversion method, device, equipment and storage medium | |
| CN109145272B (en) | Text rendering and layout method, device, equipment and storage medium | |
| WO2017000898A1 (en) | Software icon display method and apparatus | |
| CN108492349B (en) | Processing method, device and equipment for writing strokes and storage medium | |
| CN107122104B (en) | Data display method and device | |
| CN105096364B (en) | Animation data generation method and device and electronic equipment | |
| KR102648760B1 (en) | Method and apparatus for generating images | |
| CN107621951B (en) | View level optimization method and device | |
| CN112783595A (en) | Display method and device for interactive writing and electronic equipment | |
| CN101127847A (en) | A screen display synthesis method and synthesis device | |
| KR101483611B1 (en) | Method and Terminal for Extracting a Object from Image | |
| CN110533742B (en) | Image color filling method, device, equipment and storage medium | |
| CN102663667B (en) | Storage method and display method for handwritten content on touch screen, terminal equipment | |
| CN101533314A (en) | Method for positioning terminal by cursor, system thereof and terminal controller | |
| CN113034649B (en) | Chinese character drawing and displaying method and device, electronic equipment and medium | |
| US11074392B2 (en) | Information processing apparatus and non-transitory computer readable medium for switching between an attribute information mode and an image information mode | |
| CN111127310B (en) | Image processing method and device, electronic equipment and storage medium | |
| CN102902534A (en) | Transparent OSD (Optical Scanning Device) software realization method | |
| CN109493401B (en) | PowerPoint generation method, device and electronic equipment |
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 |