CN115375789A - Dynamic texture generation method and system based on scalable vector graphics - Google Patents

Dynamic texture generation method and system based on scalable vector graphics Download PDF

Info

Publication number
CN115375789A
CN115375789A CN202211298475.4A CN202211298475A CN115375789A CN 115375789 A CN115375789 A CN 115375789A CN 202211298475 A CN202211298475 A CN 202211298475A CN 115375789 A CN115375789 A CN 115375789A
Authority
CN
China
Prior art keywords
canvas
dynamic
data
drawn
tree
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.)
Granted
Application number
CN202211298475.4A
Other languages
Chinese (zh)
Other versions
CN115375789B (en
Inventor
王涛
丛金昌
吕雪琴
Current Assignee (The listed assignees may be inaccurate. Google has not performed a legal analysis and makes no representation or warranty as to the accuracy of the list.)
Shandong Jerei Digital Technology Co Ltd
Original Assignee
Shandong Jerei Digital Technology Co Ltd
Priority date (The priority date 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 date listed.)
Filing date
Publication date
Application filed by Shandong Jerei Digital Technology Co Ltd filed Critical Shandong Jerei Digital Technology Co Ltd
Priority to CN202211298475.4A priority Critical patent/CN115375789B/en
Publication of CN115375789A publication Critical patent/CN115375789A/en
Application granted granted Critical
Publication of CN115375789B publication Critical patent/CN115375789B/en
Active legal-status Critical Current
Anticipated expiration legal-status Critical

Links

Images

Classifications

    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/001Texturing; Colouring; Generation of texture or colour
    • GPHYSICS
    • G06COMPUTING; CALCULATING OR COUNTING
    • G06TIMAGE DATA PROCESSING OR GENERATION, IN GENERAL
    • G06T11/002D [Two Dimensional] image generation
    • G06T11/60Editing figures and text; Combining figures or text

Landscapes

  • Physics & Mathematics (AREA)
  • General Physics & Mathematics (AREA)
  • Engineering & Computer Science (AREA)
  • Theoretical Computer Science (AREA)
  • Image Generation (AREA)

Abstract

The invention relates to a method and a system for generating dynamic textures based on scalable vector graphics, which relate to the technical field of computers, and the method comprises the steps of analyzing the scalable vector graphics to obtain tree-shaped structured data; traversing and extracting the tree-shaped structured data to obtain static tree data and dynamic tree data; drawing a graph represented by static tree data on a first canvas to obtain the drawn first canvas; creating a second canvas and a third canvas; constructing new tree-shaped structured data according to the dynamic tree data; filling dynamic binding data placeholders in the new tree-shaped structured data according to dynamic binding data in the user input data to obtain filled contents, and drawing the contents on a second canvas to obtain a dynamic tree data drawing result; and drawing the third canvas and the drawn first canvas to obtain the drawn third canvas and generating textures. According to the method and the device, the dynamic tree data and the static tree data are drawn separately, so that the drawing cost is saved, and the rendering efficiency is improved.

Description

Dynamic texture generation method and system based on scalable vector graphics
Technical Field
The invention relates to the technical field of computers, in particular to a method and a system for generating dynamic textures based on scalable vector graphics.
Background
Scalable Vector Graphics (SVG) is an image format based on eXtensible Markup Language (XML) syntax, other image formats are based on pixel processing, and SVG belongs to shape description of an image, so it is essentially a text file, has a small volume, and is not distorted regardless of magnification. At present, SVG is used as a whole to draw when drawing, if a dynamic part exists in the SVG, the dynamic part is added into the SVG after obtaining the latest result, and then the SVG is used for drawing again in a whole manner, so that the rendering efficiency is reduced.
Disclosure of Invention
The invention aims to provide a method and a system for generating dynamic texture based on scalable vector graphics, which are used for separately drawing a dynamic part and a static part, saving drawing cost and improving rendering efficiency.
In order to achieve the purpose, the invention provides the following scheme:
a method for scalable vector graphics based dynamic texture generation, comprising:
obtaining a scalable vector graph and analyzing the scalable vector graph to obtain tree-shaped structured data;
traversing and extracting the tree-shaped structured data to obtain static tree data and dynamic tree data;
creating a first canvas, and drawing a graph represented by static tree data on the first canvas to obtain the drawn first canvas;
creating a second canvas and a third canvas;
constructing new tree structured data according to the dynamic tree data;
filling dynamic binding data placeholders in the new tree-shaped structured data according to dynamic binding data in user input data to obtain filled content; the dynamic binding data is input once or multiple times;
drawing the filled content on the second canvas to obtain a dynamic tree data drawing result;
drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain a drawn third canvas;
and generating textures according to the drawn third canvas.
Optionally, before the drawing the populated content onto the second canvas to obtain a dynamic tree data drawing result, the method further includes:
judging whether the second canvas is a blank canvas or not to obtain a first judgment result;
if the first judgment result is yes, drawing the filled content on the second canvas to obtain a dynamic tree data drawing result;
and if the first judgment result is negative, emptying the second canvas and drawing the filled content on the emptied second canvas to obtain a dynamic tree data drawing result.
Optionally, before the drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain a drawn third canvas, the method further includes:
judging whether the third canvas is a blank canvas to obtain a second judgment result;
if the second judgment result is yes, drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain a drawn third canvas;
and if the second judgment result is negative, emptying the third canvas, and drawing the drawn first canvas and the drawn dynamic tree data drawing result on the emptied third canvas to obtain the drawn third canvas.
Optionally, after generating a texture according to the rendered third canvas, the method further includes:
and binding the texture on a material and rendering according to the texture.
A scalable vector graphics based dynamic texture generation system comprising:
the acquisition and analysis module is used for acquiring the scalable vector graphics and analyzing the scalable vector graphics to obtain tree-shaped structured data;
the traversal and extraction module is used for traversing and extracting the tree-shaped structured data to obtain static tree data and dynamic tree data;
the system comprises a creating and drawing module, a drawing module and a display module, wherein the creating and drawing module is used for creating a first canvas, drawing a graph represented by static tree data on the first canvas to obtain the drawn first canvas and obtain the drawn first canvas;
a canvas creation module for creating a second canvas and a third canvas;
the construction module is used for constructing new tree-shaped structured data according to the dynamic tree data;
the filled content determining module is used for filling the dynamic binding data placeholder in the new tree-shaped structured data according to the dynamic binding data in the user input data to obtain filled content; the dynamic binding data is input once or multiple times;
the dynamic tree data drawing module is used for drawing the filled content on the second canvas to obtain a dynamic tree data drawing result;
the canvas drawing module is used for drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain a drawn third canvas;
and the generating module is used for generating texture according to the drawn third canvas.
Optionally, the scalable vector graphics based dynamic texture generation system further comprises:
the first judging module is used for judging whether the second canvas is a blank canvas to obtain a first judging result;
the first emptying and drawing module is used for drawing the filled content onto the second canvas to obtain a dynamic tree data drawing result if the first judgment result is yes; and if the first judgment result is negative, emptying the second canvas and drawing the filled content on the emptied second canvas to obtain a dynamic tree data drawing result.
Optionally, the scalable vector graphics based dynamic texture generation system further includes:
the second judging module is used for judging whether the third canvas is a blank canvas to obtain a second judging result;
the second emptying and drawing module is used for drawing the drawn first canvas and the drawn dynamic tree data drawing result onto the third canvas to obtain a drawn third canvas if the second judgment result is yes; and if the second judgment result is negative, emptying the third canvas, and drawing the drawn first canvas and the drawn dynamic tree data drawing result on the emptied third canvas to obtain the drawn third canvas.
Optionally, the scalable vector graphics based dynamic texture generation system further comprises:
and the rendering and binding module is used for binding the texture on the material and rendering according to the texture.
According to the specific embodiment provided by the invention, the invention discloses the following technical effects:
the method comprises the steps of obtaining a scalable vector graph and analyzing the scalable vector graph to obtain tree-shaped structured data; traversing and extracting the tree-shaped structured data to obtain static tree data and dynamic tree data; creating a first canvas, and drawing a graph represented by static tree data on the first canvas to obtain the drawn first canvas; creating a second canvas and a third canvas; constructing new tree structured data according to the dynamic tree data; filling dynamic binding data placeholders in the new tree-shaped structured data according to dynamic binding data in user input data to obtain filled content; the dynamic binding data is input once or multiple times; drawing the filled content on the second canvas to obtain a dynamic tree data drawing result; drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain a drawn third canvas; and generating texture according to the drawn third canvas. And the dynamic tree data and the static tree data are separately drawn, so that the drawing cost is saved, and the rendering efficiency is improved.
Drawings
In order to more clearly illustrate the embodiments of the present invention or the technical solutions in the prior art, the drawings needed to be used in the embodiments will be briefly described below, and it is obvious that the drawings in the following description are only some embodiments of the present invention, and it is obvious for those skilled in the art to obtain other drawings without inventive exercise.
FIG. 1 is a flow chart of a method for generating a dynamic texture based on scalable vector graphics according to the present invention;
FIG. 2 is a flow chart for loading scalable vector graphics and performing parsing;
FIG. 3 is a flow diagram of binding data to dynamic tree data and drawing or redrawing a corresponding canvas when dynamic data arrives or updates;
FIG. 4 is a flowchart for detecting and updating the dynamic texture during rendering using the texture of the scalable vector graphics-based dynamic texture.
Detailed Description
The technical solutions in the embodiments of the present invention will be clearly and completely described below with reference to the drawings in the embodiments of the present invention, and it is obvious that the described embodiments are only a part of the embodiments of the present invention, and not all of the embodiments. All other embodiments, which can be derived by a person skilled in the art from the embodiments given herein without making any creative effort, shall fall within the protection scope of the present invention.
The invention aims to provide a method and a system for generating dynamic texture based on scalable vector graphics, which are used for separately drawing a dynamic part and a static part, saving drawing cost and improving rendering efficiency.
In order to make the aforementioned objects, features and advantages of the present invention more comprehensible, the present invention is described in detail with reference to the accompanying drawings and the detailed description thereof.
As shown in fig. 1, the present invention provides a method for generating a dynamic texture based on scalable vector graphics, comprising:
step 101: and acquiring a scalable vector graph and analyzing the scalable vector graph to obtain tree-shaped structured data. Scalable Vector Graphics (SVG) is based on an XML implementation. And analyzing the scalable vector graphics by using an XML analyzer to obtain tree-shaped structured data.
Analyzing the rule: the scalable vector graphics are input in a string form, wherein the value of the attribute of the XML element or the text content contains a dynamic binding data placeholder in the format $ { binding data tag }, wherein the binding data tag does not contain $ { } characters.
Step 102: and traversing and extracting the tree-shaped structured data to obtain static tree data and dynamic tree data.
And traversing the tree structured data. And extracting the value of the attribute of the element in the tree-shaped structured data or the element containing the placeholder of the dynamic binding data in the text content, wherein the format is $ { binding data label }.
Creating a new tree-structured data, copying the parent element (not containing the child element of the parent element) of the element of the analysis rule in the step 101 into the new tree-structured data (copying the layout, position and size of the parent element; filling and drawing for transparent and ignoring an inline style sheet), copying all levels if multiple levels of parent elements exist, moving the element matched with the rule and the child element thereof into the new tree-structured data after copying is completed, and mounting the element and the child element into the element corresponding to the original parent element. The copied data and the data before extraction have basically the same structural form, and the dynamic elements are moved from the tree-structured data analyzed in step 101. The new tree structured data created here is dynamic tree data.
And the rest tree-shaped structured data after the movement is static tree data, and the graph represented by the static tree data does not change along with the change of the dynamic data.
Step 103: and creating a first canvas, and drawing a graph represented by the static tree data on the first canvas to obtain the drawn first canvas.
Canvas a is created, and the graph represented by the static tree data is drawn to canvas a. Static tree data is a structured representation of an SVG graph, and a tree is drawn as an SVG graph, for example, at a browser end, the tree can be converted into an SVG graph and drawn through a drawImage API of cans. The first canvas in this implementation is canvas a.
Step 104: a second canvas and a third canvas are created.
In this embodiment, the second canvas is canvas B and the third canvas is canvas C. In this process, both canvas B and canvas C are created and not drawn. And creating an empty canvas B for drawing the content filled with the dynamic tree data, wherein the data is not filled and the content is not drawn for the moment. A canvas C is created for drawing a graphic that fills the combination of the static portion and the dynamic portion after the dynamic data drawing is completed. The drawing method of the canvas B comprises the following steps: the populated content is drawn onto canvas B in the same manner as canvas a.
Step 105: and constructing new tree-shaped structured data according to the dynamic tree data.
And integrally copying the dynamic tree data to obtain the new tree structured data. The original dynamic tree data is reserved, when the dynamic binding data is input again, new tree-shaped structured data is still constructed according to the original dynamic tree data, and the filling result is prevented from being influenced by the dynamic binding data input last time.
Step 106: filling dynamic binding data placeholders in the new tree-shaped structured data according to dynamic binding data in user input data to obtain filled content; the dynamic binding data is input once or input for multiple times.
Step 107: and drawing the filled content on the second canvas to obtain a dynamic tree data drawing result.
Step 108: and drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain the drawn third canvas. The drawing mode of the canvas C is a bitmap (with transparency) superposition mode.
Step 109: and generating texture according to the drawn third canvas.
In practical applications, before the step of drawing the populated content onto the second canvas to obtain a dynamic tree data drawing result, the method further includes:
judging whether the second canvas is a blank canvas or not to obtain a first judgment result; if the first judgment result is yes, drawing the filled content on the second canvas to obtain a dynamic tree data drawing result; and if the first judgment result is negative, emptying the second canvas and drawing the filled content on the emptied second canvas to obtain a dynamic tree data drawing result.
In practical application, before the drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain a drawn third canvas, the method further includes:
judging whether the third canvas is a blank canvas to obtain a second judgment result; if the second judgment result is yes, drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain a drawn third canvas; and if the second judgment result is negative, emptying the third canvas, and drawing the drawn first canvas and the drawn dynamic tree data drawing result on the emptied third canvas to obtain the drawn third canvas.
In practical applications, after the generating the texture according to the rendered third canvas, the method further includes: and binding the texture on a material and rendering according to the texture.
As shown in fig. 2, the simple process from step 101 to step 104 includes:
beginning → inputting scalable vector graphics → analyzing to obtain tree-like structured data → traversing tree-like structured data → extracting attribute value of element in result tree or element containing dynamic binding data placeholder in text content → static tree data and dynamic tree data; static tree data → create canvas A → draw to canvas A, create canvas C, dynamic tree data → create canvas B → create canvas C.
Further, as shown in fig. 3, the simple flow of steps 105-109 is:
copying dynamic tree data → filling dynamic binding data → emptying canvas B → drawing to canvas B → emptying canvas C → drawing a bitmap for canvas a on canvas C → drawing a bitmap for canvas B on canvas C.
The method specifically comprises the following steps:
copying a piece of dynamic tree data (structural data cannot exist on a canvas, so that the data source is not the canvas) after dynamic binding data in user input data arrives, wherein the dynamic binding data is data transmitted in a mode different from that of loading the SVG graph, and the dynamic binding data can be transmitted for multiple times in different values in the texture rendering process by using the texture; filling a dynamic binding data placeholder in the tree-shaped structured data according to the dynamic binding data to obtain filled content, emptying the canvas B and drawing the filled content on the canvas B; emptying the canvas C, drawing the drawn canvas A to the canvas C, and drawing the drawn canvas B to the canvas C; the mark texture is updated as needed. (the content on the canvas is a bitmap, so A- > C, B- > C is an overlay rendering of the bitmap). Before each canvas is drawn, the bitmap drawn last time needs to be emptied, and drawing is performed on a blank canvas. The texture generated from canvas C is marked as needing to be updated every time the dynamic binding data arrives. And then rendering according to the updated texture.
As shown in fig. 4, every time a frame is rendered, it is checked whether an update is required; a three-dimensional scene that includes such a texture checks to see if an update is needed as each frame is rendered. A texture is generated from canvas C and bound to the material, marking the texture as not needing updating. And triggering and copying a copy of dynamic tree data after the dynamic binding data arrives and carrying out the subsequent steps. This step may run in a different thread than the steps described in the previous paragraph.
The dynamic binding data can arrive in various ways: calling an interface to obtain dynamic data, changing the data at regular time by a timer to obtain dynamic binding data, pushing the interface to obtain the dynamic binding data, and inputting the dynamic binding data by a user.
The present invention also provides a scalable vector graphics-based dynamic texture generation system, comprising:
and the acquisition and analysis module is used for acquiring the scalable vector graphics and analyzing the scalable vector graphics to obtain tree-shaped structured data.
And the traversing and extracting module is used for traversing and extracting the tree-shaped structured data to obtain static tree data and dynamic tree data.
And the creating and drawing module is used for creating a first canvas, drawing the graph represented by the static tree data on the first canvas, and obtaining the drawn first canvas.
A canvas creation module to create a second canvas and a third canvas.
And the construction module is used for constructing new tree-shaped structured data according to the dynamic tree data.
The filled content determining module is used for filling the dynamic binding data placeholder in the new tree-shaped structured data according to the dynamic binding data in the user input data to obtain filled content; the dynamic binding data is input once or input for multiple times.
And the dynamic tree data drawing module is used for drawing the filled contents on the second canvas to obtain a dynamic tree data drawing result.
And the canvas drawing module is used for drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain the drawn third canvas.
And the generating module is used for generating texture according to the drawn third canvas.
As an optional implementation, the scalable vector graphics based dynamic texture generation system further comprises:
and the first judging module is used for judging whether the second canvas is a blank canvas to obtain a first judging result.
The first emptying and drawing module is used for drawing the filled content onto the second canvas to obtain a dynamic tree data drawing result if the first judgment result is yes; and if the first judgment result is negative, emptying the second canvas and drawing the filled content on the emptied second canvas to obtain a dynamic tree data drawing result.
As an optional embodiment, the scalable vector graphics based dynamic texture generation system further comprises:
and the second judgment module is used for judging whether the third canvas is a blank canvas or not to obtain a second judgment result.
A second emptying and drawing module, configured to draw the drawn first canvas and the drawn dynamic tree data drawing result onto the third canvas to obtain a drawn third canvas if the second determination result is yes; and if the second judgment result is negative, emptying the third canvas, and drawing the drawn first canvas and the drawn dynamic tree data drawing result on the emptied third canvas to obtain the drawn third canvas.
As an optional embodiment, the scalable vector graphics based dynamic texture generation system further comprises:
and the rendering and binding module is used for binding the texture on the material and rendering according to the texture.
The invention separates the dynamic part from the static part in the scalable vector graphics, the static part is only rendered once, and the dynamic part is only rendered when needed, thereby saving the performance of equipment and improving the rendering efficiency. The dynamic data updating process, the rendering process of the dynamic part in the scalable vector graphics and the rendering process of the material containing the dynamic texture can be separated, and can be executed in different threads even under some environments, the rendering of the complex texture cannot block the rendering of the main body, and the texture on the main body is updated only after the rendering of the dynamic texture is completed, so that the scene display is smoother, and the performance of modern multi-thread processing equipment is fully utilized. The scalable vector graphics are easy to edit, mature in technology and good in compatibility.
In the present specification, the embodiments are described in a progressive manner, each embodiment focuses on differences from other embodiments, and the same and similar parts among the embodiments are referred to each other. For the system disclosed by the embodiment, the description is relatively simple because the system corresponds to the method disclosed by the embodiment, and the relevant points can be referred to the method part for description.
The principle and the embodiment of the present invention are explained by applying specific examples, and the above description of the embodiments is only used to help understanding the method and the core idea of the present invention; meanwhile, for a person skilled in the art, according to the idea of the present invention, the specific embodiments and the application range may be changed. In view of the above, the present disclosure should not be construed as limiting the invention.

Claims (8)

1. A method for generating a dynamic texture based on scalable vector graphics, comprising:
acquiring a scalable vector graph and analyzing the scalable vector graph to obtain tree-shaped structured data;
traversing and extracting the tree-shaped structured data to obtain static tree data and dynamic tree data;
creating a first canvas, and drawing a graph represented by static tree data on the first canvas to obtain the drawn first canvas;
creating a second canvas and a third canvas;
constructing new tree structured data according to the dynamic tree data;
filling dynamic binding data placeholders in the new tree-shaped structured data according to dynamic binding data in user input data to obtain filled content; the dynamic binding data is input once or input for multiple times;
drawing the filled content on the second canvas to obtain a dynamic tree data drawing result;
drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain a drawn third canvas;
and generating texture according to the drawn third canvas.
2. The method of claim 1, further comprising, prior to said rendering said populated content onto said second canvas resulting in dynamic tree data:
judging whether the second canvas is a blank canvas or not to obtain a first judgment result;
if the first judgment result is yes, drawing the filled content on the second canvas to obtain a dynamic tree data drawing result;
and if the first judgment result is negative, emptying the second canvas and drawing the filled content on the emptied second canvas to obtain a dynamic tree data drawing result.
3. The method of claim 1, further comprising, before said rendering said rendered first canvas and said dynamic tree data rendering results onto said third canvas to obtain a rendered third canvas:
judging whether the third canvas is a blank canvas to obtain a second judgment result;
if the second judgment result is yes, drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain a drawn third canvas;
and if the second judgment result is negative, emptying the third canvas, and drawing the drawn first canvas and the drawn dynamic tree data drawing result on the emptied third canvas to obtain the drawn third canvas.
4. A method for scalable vector graphics based dynamic texture generation according to claim 1, further comprising, after said generating a texture from said rendered third canvas:
and binding the texture on a material and rendering according to the texture.
5. A scalable vector graphics based dynamic texture generation system, comprising:
the acquisition and analysis module is used for acquiring the scalable vector graphics and analyzing the scalable vector graphics to obtain tree-shaped structured data;
the traversal and extraction module is used for traversing and extracting the tree-shaped structured data to obtain static tree data and dynamic tree data;
the system comprises a creating and drawing module, a drawing module and a display module, wherein the creating and drawing module is used for creating a first canvas, and drawing a graph represented by static tree data on the first canvas to obtain the drawn first canvas;
a canvas creation module for creating a second canvas and a third canvas;
the construction module is used for constructing new tree-shaped structured data according to the dynamic tree data;
the filled content determining module is used for filling the dynamic binding data placeholder in the new tree-shaped structured data according to the dynamic binding data in the user input data to obtain filled content; the dynamic binding data is input once or input for multiple times;
the dynamic tree data drawing module is used for drawing the filled content on the second canvas to obtain a dynamic tree data drawing result;
the canvas drawing module is used for drawing the drawn first canvas and the dynamic tree data drawing result on the third canvas to obtain a drawn third canvas;
and the generating module is used for generating texture according to the drawn third canvas.
6. The scalable vector graphics-based dynamic texture generation system according to claim 5, further comprising:
the first judging module is used for judging whether the second canvas is a blank canvas to obtain a first judging result;
the first emptying and drawing module is used for drawing the filled content onto the second canvas to obtain a dynamic tree data drawing result if the first judgment result is yes; and if the first judgment result is negative, emptying the second canvas and drawing the filled content on the emptied second canvas to obtain a dynamic tree data drawing result.
7. The scalable vector graphics-based dynamic texture generation system according to claim 5, further comprising:
the second judging module is used for judging whether the third canvas is a blank canvas to obtain a second judging result;
a second emptying and drawing module, configured to draw the drawn first canvas and the drawn dynamic tree data drawing result onto the third canvas to obtain a drawn third canvas if the second determination result is yes; and if the second judgment result is negative, emptying the third canvas, and drawing the drawn first canvas and the drawn dynamic tree data drawing result on the emptied third canvas to obtain the drawn third canvas.
8. The scalable vector graphics-based dynamic texture generation system according to claim 5, further comprising:
and the rendering and binding module is used for binding the texture on the material and rendering according to the texture.
CN202211298475.4A 2022-10-24 2022-10-24 Method and system for generating dynamic texture based on scalable vector graphics Active CN115375789B (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN202211298475.4A CN115375789B (en) 2022-10-24 2022-10-24 Method and system for generating dynamic texture based on scalable vector graphics

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN202211298475.4A CN115375789B (en) 2022-10-24 2022-10-24 Method and system for generating dynamic texture based on scalable vector graphics

Publications (2)

Publication Number Publication Date
CN115375789A true CN115375789A (en) 2022-11-22
CN115375789B CN115375789B (en) 2023-03-10

Family

ID=84072827

Family Applications (1)

Application Number Title Priority Date Filing Date
CN202211298475.4A Active CN115375789B (en) 2022-10-24 2022-10-24 Method and system for generating dynamic texture based on scalable vector graphics

Country Status (1)

Country Link
CN (1) CN115375789B (en)

Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102663002A (en) * 2012-03-16 2012-09-12 掌中帷幄(北京)科技有限公司 Method and system for structured-document rendering
CN103150742A (en) * 2011-12-06 2013-06-12 上海可鲁***软件有限公司 Method and device for vector graphic dynamic rendering
US20150287227A1 (en) * 2014-04-06 2015-10-08 InsightSoftware.com International Unlimited Dynamic filling of shapes for graphical display of data
CN106023297A (en) * 2016-05-20 2016-10-12 江苏得得空间信息科技有限公司 Texture dynamic organization method for fine three-dimensional model
CN106383828A (en) * 2016-08-22 2017-02-08 四川九洲电器集团有限责任公司 Drawing method and electronic equipment
CN109147019A (en) * 2018-07-27 2019-01-04 厦门大学嘉庚学院 Multilayer Texture Generating Approach based on streamline growth method and abnormal particle method
CN109857919A (en) * 2019-01-17 2019-06-07 珠海市纳思特科技有限公司 A kind of SVG graphic plotting and data show interactive system and method
CN111228801A (en) * 2020-01-07 2020-06-05 网易(杭州)网络有限公司 Rendering method and device of game scene, storage medium and processor
CN112817651A (en) * 2021-01-14 2021-05-18 许继集团有限公司 Canvas-based graph generation method and Canvas-based graph generation system
CN113052928A (en) * 2021-03-08 2021-06-29 北京房江湖科技有限公司 Image processing method and image processing system
WO2022121044A1 (en) * 2020-12-09 2022-06-16 威创集团股份有限公司 Data visualization display method and system, and storage medium
CN114648603A (en) * 2022-05-19 2022-06-21 杭州比智科技有限公司 Method and system for realizing fly-line dynamic effect based on canvas and echarts
CN114820853A (en) * 2022-04-28 2022-07-29 厦门美图之家科技有限公司 Vector graphics processing method and device, computer equipment and storage medium

Patent Citations (13)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN103150742A (en) * 2011-12-06 2013-06-12 上海可鲁***软件有限公司 Method and device for vector graphic dynamic rendering
CN102663002A (en) * 2012-03-16 2012-09-12 掌中帷幄(北京)科技有限公司 Method and system for structured-document rendering
US20150287227A1 (en) * 2014-04-06 2015-10-08 InsightSoftware.com International Unlimited Dynamic filling of shapes for graphical display of data
CN106023297A (en) * 2016-05-20 2016-10-12 江苏得得空间信息科技有限公司 Texture dynamic organization method for fine three-dimensional model
CN106383828A (en) * 2016-08-22 2017-02-08 四川九洲电器集团有限责任公司 Drawing method and electronic equipment
CN109147019A (en) * 2018-07-27 2019-01-04 厦门大学嘉庚学院 Multilayer Texture Generating Approach based on streamline growth method and abnormal particle method
CN109857919A (en) * 2019-01-17 2019-06-07 珠海市纳思特科技有限公司 A kind of SVG graphic plotting and data show interactive system and method
CN111228801A (en) * 2020-01-07 2020-06-05 网易(杭州)网络有限公司 Rendering method and device of game scene, storage medium and processor
WO2022121044A1 (en) * 2020-12-09 2022-06-16 威创集团股份有限公司 Data visualization display method and system, and storage medium
CN112817651A (en) * 2021-01-14 2021-05-18 许继集团有限公司 Canvas-based graph generation method and Canvas-based graph generation system
CN113052928A (en) * 2021-03-08 2021-06-29 北京房江湖科技有限公司 Image processing method and image processing system
CN114820853A (en) * 2022-04-28 2022-07-29 厦门美图之家科技有限公司 Vector graphics processing method and device, computer equipment and storage medium
CN114648603A (en) * 2022-05-19 2022-06-21 杭州比智科技有限公司 Method and system for realizing fly-line dynamic effect based on canvas and echarts

Non-Patent Citations (3)

* Cited by examiner, † Cited by third party
Title
MICHAIL SCHWAB; DAVID SAFFO: ""Scalable Scalable Vector Graphics: Automatic Translation of Interactive SVGs to a Multithread VDOM for Fast Rendering"", 《IEEE TRANSACTIONS ON VISUALIZATION AND COMPUTER GRAPHICS》 *
张莹: "基于SVG绘图技术实现流程图展示的研究", 《电脑与电信》 *
袁家政: ""可伸缩矢量图形(SVG)的数据表示研究"", 《中国优秀博士学位论文全文数据库》 *

Also Published As

Publication number Publication date
CN115375789B (en) 2023-03-10

Similar Documents

Publication Publication Date Title
CA2937702C (en) Emphasizing a portion of the visible content elements of a markup language document
CN107025676B (en) Picture template, picture generation method and related device
EP2174295B1 (en) Data system and method
US20150286739A1 (en) Html5-protocol-based webpage presentation method and device
US20060224952A1 (en) Adaptive layout templates for generating electronic documents with variable content
US20040133855A1 (en) Providing a presentation engine adapted for use by a constrained resource client device
CN106484408A (en) A kind of node relationships figure display methods based on HTML5 and system
WO2016054549A1 (en) Application prototyping tool
CN113867694B (en) Method and system for intelligently generating front-end code
WO2018226349A1 (en) Vector graphics handling processes for user applications
CN106776994B (en) Application method and system of engineering symbols in engineering report forms and web pages
CN105513115A (en) Method and device for converting SWF into Canvas cartoon
CN107438194A (en) A kind of intelligent television UI object rendering methods and intelligent television
CN114791988A (en) Browser-based PDF file analysis method, system and storage medium
CN105512096B (en) A kind of optimization method and device based on font embedded in document
CN113934957A (en) Method and system for generating rendering sketch file from webpage
Neumann et al. Time for SVG—towards high quality interactive web-maps
CN115375789B (en) Method and system for generating dynamic texture based on scalable vector graphics
CN111274761A (en) Font editing method and system using SVG format, and computer-readable recording medium
CN115268904A (en) User interface design file generation method, device, equipment and medium
CA2602749C (en) System and method of report representation
Neumann et al. Webmapping with Scalable Vector Graphics (SVG): Delivering the promise of high quality and interactive web maps
CN112732259B (en) Front-end interactive page conversion method, device and medium based on artificial intelligence
CN114706582A (en) Icon processing method and device during program operation, electronic equipment and storage medium
Dengler et al. Scalable vector graphics (SVG) 1.1

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