CN107392981A - A kind of picture synthetic method, device, electronic equipment and readable storage medium storing program for executing - Google Patents

A kind of picture synthetic method, device, electronic equipment and readable storage medium storing program for executing Download PDF

Info

Publication number
CN107392981A
CN107392981A CN201710565406.8A CN201710565406A CN107392981A CN 107392981 A CN107392981 A CN 107392981A CN 201710565406 A CN201710565406 A CN 201710565406A CN 107392981 A CN107392981 A CN 107392981A
Authority
CN
China
Prior art keywords
picture
editor
canvas
canvas labels
labels
Prior art date
Legal status (The legal status is an assumption and is not a legal conclusion. Google has not performed a legal analysis and makes no representation as to the accuracy of the status listed.)
Pending
Application number
CN201710565406.8A
Other languages
Chinese (zh)
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.)
Fujian Cnfol Information Technology Co Ltd
Original Assignee
Fujian Cnfol Information 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 Fujian Cnfol Information Technology Co Ltd filed Critical Fujian Cnfol Information Technology Co Ltd
Priority to CN201710565406.8A priority Critical patent/CN107392981A/en
Publication of CN107392981A publication Critical patent/CN107392981A/en
Pending legal-status Critical Current

Links

Classifications

    • 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)
  • Information Transfer Between Computers (AREA)

Abstract

The embodiments of the invention provide a kind of picture synthetic method, device, electronic equipment and readable storage medium storing program for executing, applied to Internet technical field, methods described includes:Obtain the picture that user is uploaded by webpage;The picture is loaded into the canvas labels pre-established, edlin is entered to the picture in the canvas labels;When the quantity of the picture after editor is multiple, the picture after the editor is loaded into identical canvas labels, the picture after the editor is synthesized into img picture tags in the identical canvas labels, the picture after being synthesized.Picture is sent to service end compared to client and carries out picture synthesis in service end, the embodiment of the present invention can carry out Web page picture synthesis in client, reduce the number of communications between client and service end, reduce in picture building-up process to the occupancy of service end resource, reduce the operating procedure of user, optimize the Consumer's Experience of website.

Description

A kind of picture synthetic method, device, electronic equipment and readable storage medium storing program for executing
Technical field
The present invention relates to Internet technical field, more particularly to a kind of picture synthetic method, device, electronic equipment and can Read storage medium.
Background technology
With developing rapidly for internet, the different types of data such as word, picture, database and video multimedia occur In network.In order to attract more users to browse and using webpage, most of webpage can make needs pair of the user according to oneself Webpage is designed.At present, it is necessary to which picture is uploaded to service by client in the technology synthesized by webpage to picture End, when user enters the operation such as edlin, synthesis to picture, client sends association requests to service end, and service end is according to phase Close request and the editor of picture and synthesis are carried out by rear end instruction (such as php, java etc.).Service end completes the conjunction of picture Into the picture after synthesis is back into client again afterwards.But this method needs the progress between client and service end more Secondary communication, and the synthesis to picture is completed by service end, take the more resource of service end.
The content of the invention
The purpose of the embodiment of the present invention is to provide a kind of picture synthetic method, device, electronic equipment and readable storage medium Matter, to reduce in Web page picture building-up process client to the occupancy of service end resource.Concrete technical scheme is as follows:
The embodiment of the invention discloses a kind of picture synthetic method, methods described includes:
Obtain the picture that user is uploaded by webpage;
The picture is loaded into the canvas labels pre-established, edlin is entered to the picture in the canvas labels;
When the quantity of the picture after editor is multiple, the picture after the editor is loaded into identical canvas labels, The picture after the editor is synthesized into img picture tags in the identical canvas labels, the picture after being synthesized.
Optionally, after the picture after described synthesized, methods described also includes:
Picture after the synthesis is shown on the page;
After the operational order that picture after user is received to the synthesis is preserved, by the picture after the synthesis Preserve to client.
Optionally, after the picture in the canvas labels enters edlin, methods described also includes:
When the quantity of the picture after editor is one, the picture after the editor in the canvas labels is carried out Synthesis, the picture after being synthesized.
Optionally, it is described that the picture is loaded into the canvas labels pre-established, to the figure in the canvas labels Piece enters edlin, including:
If the quantity of the canvas labels pre-established is multiple, the picture is loaded into canvas corresponding to the picture Label;Edlin is entered to the picture in each canvas label respectively;Or,
If the quantity of the canvas labels pre-established is one, the picture is loaded into the canvas labels successively, Edlin is entered to the picture in the canvas labels according to the sequencing of loading, untill all pictures have been edited.
Optionally, the picture in the canvas labels enters edlin, including:
Receive the operational order that user enters edlin to the picture;
Edlin is entered according to the operational order to the picture in the canvas labels.
Optionally, it is described that the picture after the editor is synthesized into img picture marks in the identical canvas labels Label, including:
Encoded by base64 and the picture after the editor is synthesized into img picture tags.
The embodiment of the invention discloses a kind of picture synthesizer, described device includes:
Picture acquisition module, the picture uploaded for obtaining user by webpage;
Picture editor's module, for the picture to be loaded into the canvas labels pre-established, to the canvas labels In picture enter edlin;
First synthesis module, for when the quantity of the picture after editor is multiple, the picture after the editor to be loaded into Identical canvas labels, the picture after the editor is synthesized into img picture tags in the identical canvas labels, Picture after being synthesized.
Optionally, the picture synthesizer of the embodiment of the present invention, in addition to:
Picture display module, for the picture after the synthesis to be shown on the page;
Picture preserving module, after the operational order preserved for picture after user is received to the synthesis, Picture after the synthesis is preserved to client.
The embodiment of the invention discloses a kind of electronic equipment, including:Processor, communication interface, memory and communication bus, Wherein, the processor, the communication interface, the memory complete mutual communication by the communication bus;
The memory, for depositing computer program;
The processor, during for performing the program deposited on the memory, realize any of the above-described described picture Synthetic method step.
The embodiment of the invention discloses a kind of computer-readable recording medium, the computer-readable recording medium memory storage There is computer program, the computer program realizes any of the above-described described picture synthetic method step when being executed by processor.
Picture synthetic method, device, electronic equipment and readable storage medium storing program for executing provided in an embodiment of the present invention, obtaining user After the picture of upload;Picture is loaded into the canvas labels pre-established, edlin is entered to the picture in canvas labels;When When the quantity of picture after editor is multiple, the picture after editor is loaded into identical canvas labels, in identical canvas The picture after editor is synthesized into img picture tags in label, the picture after being synthesized.The embodiment of the present invention can not have to Service end realizes the synthesis of Web page picture, but realizes the synthesis of Web page picture in client, and service end is provided so as to reduce The occupancy in source, reduce the operating procedure of user, optimize the Consumer's Experience of website.Certainly, implement the present invention any product or Method must be not necessarily required to reach all the above advantage simultaneously.
Brief description of the drawings
In order to illustrate more clearly about the embodiment of the present invention or technical scheme of the prior art, below will be to embodiment or existing There is the required accompanying drawing used in technology description to be briefly described, it should be apparent that, drawings in the following description are only this Some embodiments of invention, for those of ordinary skill in the art, on the premise of not paying creative work, can be with Other accompanying drawings are obtained according to these accompanying drawings.
Fig. 1 is a kind of flow chart of the picture synthetic method of the embodiment of the present invention;
Fig. 2 is another flow chart of the picture synthetic method of the embodiment of the present invention;
Fig. 3 is a kind of structure chart of the picture synthesizer of the embodiment of the present invention;
Fig. 4 is another structure chart of the picture synthesizer of the embodiment of the present invention;
Fig. 5 is the structure chart of the electronic equipment of the embodiment of the present invention.
Embodiment
Below in conjunction with the accompanying drawing in the embodiment of the present invention, the technical scheme in the embodiment of the present invention is carried out clear, complete Site preparation describes, it is clear that described embodiment is only part of the embodiment of the present invention, rather than whole embodiments.It is based on Embodiment in the present invention, those of ordinary skill in the art are obtained every other under the premise of creative work is not made Embodiment, belong to the scope of protection of the invention.
In routine work and life, user is frequently necessary to online P figures, makes business card etc., and in this process, user Need picture to be uploaded to service end, P figures are realized by service end, make business card etc., therefore, the above method takes more service Hold resource.In order to solve the problems, such as that occupancy service end resource is more when carrying out Web page picture synthesis in the prior art, the present invention Embodiment provides a kind of picture synthetic method, device, electronic equipment and readable storage medium storing program for executing, to reduce to service end resource Take.The picture synthetic method provided first below the embodiment of the present invention describes in detail.
Referring to Fig. 1, Fig. 1 is a kind of flow chart of the picture synthetic method of the embodiment of the present invention, each step of Fig. 1 embodiments Executive agent is client, is comprised the following steps:
S101, obtain the picture that user is uploaded by webpage.
In the embodiment of the present invention, when carrying out picture synthesis, user needs to select picture to be synthesized, and on picture Webpage is reached, the webpage can be made by div+css.Wherein, div+css is a kind of page layout format method.Obtain The method of picture is specifically, obtain the address for the picture that user uploads by file.value, according on address acquisition user The picture of biography.From it is traditional table-layout positioning by way of it is different, it can realize Webpage content with show phase divides From.The picture that user uploads is stored in client, rather than service end, that is to say, that user is only when entering the Web page The resource of service end is requested, during uploading pictures and service end resource is not take up in webpage.
S102, picture is loaded into the canvas labels pre-established, edlin is entered to the picture in canvas labels.
Wherein, canvas is in HTML5 (HyperText Markup Language 5, the 5th generation HyperText Markup language Speech) in the label that increases newly, canvas labels are used to generate picture in real time, and can enter edlin to picture.Specifically, Canvas labels can define picture, set the initial width of picture, height, position, background etc..In the embodiment of the present invention, webpage Canvas labels are included in page structure, canvas labels are pre-established by JavaScript language.For example, following generations Code can show a red rectangle.
<Canvas id=" myCanvas "></canvas>
<Script type=" text/javascript ">
Var canvas=document.getElementById (' myCanvas');
Var ctx=canvas.getContext (' 2d');
Ctx.fillStyle='#FF0000';
ctx.fillRect(0,0,80,100);
</script>
In addition, after being completed to picture editor, the picture after editor can be protected temporarily by JavaScript language In the hiding label that webpage be present, edlin then is entered to next pictures again, the picture after editor is all stored in net In the hiding label of page.Because the hiding label of webpage is preserved in client, therefore, the picture after editor is also stored in visitor Family end, so as to be not take up the space resources of service end.
S103, when the quantity of the picture after editor is multiple, the picture after editor is loaded into identical canvas labels, The picture after editor is synthesized into img picture tags in identical canvas labels, the picture after being synthesized.
In the embodiment of the present invention, if the quantity of the picture after editor is multiple, then, the picture after editor is loaded into phase Same canvas labels, in identical canvas labels, are synthesized to the picture after multiple editors of loading.Specifically , due to the parameters such as position, the size of each pictures in editing picture, can be set, therefore when picture synthesizes, read These parameters, make picture on a corresponding position.For example, it is assumed that the size of canvas painting canvas is 500*500, and first read Pictures are 200*200, if necessary to this pictures is placed on the position in the lower right corner, then are reading the first pictures and carrying out During editor, mouse event or touch-control can be utilized when this pictures being dragged to the position in the lower right corner, and dragged The operation of event-monitoring picture, when the lower right corner is dragged to, coordinate x=300, y=300 with regard to this figure can be read. Wherein, mouse event includes:Mouseup, mousedown, mouseover, mousemove, click event etc.;Touch event Including:Touchstart, touchmove, touchend event etc., it can track user's by mouse event and touch event Behavior.Furthermore it is also possible to set the sequencing of the overlaying graphics after multiple editors, similarly, when editing picture, carry For an input frame, allow user by the input frame set this pictures be shown in above either behind.If for example, Need to make the first pictures show up front, user can input 1 in input frame, eventually through the size of input value sentence The sequencing of overlaying graphics after disconnected editor.Due to not being real image in canvas labels, but code, therefore can So that code is converted into image information by coding, the image information can be by<img>It is identified as real image.
It can be seen that the picture synthetic method of the embodiment of the present invention, after the picture that user uploads is obtained, picture is loaded into pre- The canvas labels first established, edlin is entered to the picture in canvas labels;When the quantity of the picture after editor is multiple, Picture after editor is loaded into identical canvas labels, synthesized the picture after editor in identical canvas labels Img picture tags, the picture after being synthesized.The embodiment of the present invention can not have to the synthesis that Web page picture is realized in service end, But the synthesis of Web page picture is realized in client, so as to reduce the occupancy to service end resource, reduce the operation of user Step, optimize the Consumer's Experience of website.
Referring to Fig. 2, Fig. 2 is another flow chart of the picture synthetic method of the embodiment of the present invention, is comprised the following steps:
S201, obtain the picture that user is uploaded by webpage.
S202, picture is loaded into the canvas labels pre-established, edlin is entered to the picture in canvas labels.
Specifically, canvas labels can set the initial width of picture, height, position, background etc., to initial wide, high, position Put, after the parameter setting such as background is completed, edlin can also be entered to the picture in canvas labels.In the embodiment of the present invention, Edlin can be entered to whole pictures, for example, can move, amplify, reduce to picture;Picture inside can also be entered Edlin, for example, word plus shade etc. can be edited in picture.In a kind of implementation of the present invention, to canvas labels In picture enter edlin, comprise the following steps:
The first step, the operational order that user enters edlin to picture is received, wherein, operational order can include:Movement refers to Make, change background color instruction plus shadow instruction, draw line instructions, instruction of drawing a circle plus fillet instruction, editor's literal order and cut finger Order etc..
Second step, edlin is entered according to operational order to the picture in canvas labels.
In the embodiment of the present invention, user can enter edlin according to personal like to picture, and client is receiving user Operational order after, edlin is entered to the picture in canvas labels according to operational order.Due in a canvas label Edlin can only be entered to a pictures, therefore, if the picture that user uploads is multiple, if the canvas labels pre-established Quantity to be multiple, by picture Load Image corresponding to canvas labels;The picture in each canvas label is entered respectively Edlin;Or, if the quantity of the canvas labels pre-established is one, picture is loaded into canvas labels successively, according to load The sequencing entered enters edlin to the picture in canvas labels, untill all pictures have been edited.
S203, when the quantity of the picture after editor is multiple, the picture after editor is loaded into identical canvas labels, The picture after editor is synthesized into img picture tags in identical canvas labels, the picture after being synthesized.
S204, when the quantity of the picture after editor is one, the picture after the editor in canvas labels is closed Into the picture after being synthesized.
In the embodiment of the present invention, in addition to being synthesized to plurality of pictures, a pictures can also be synthesized, When being synthesized to a pictures, the canvas labels pre-established can only have one.So, to figure in canvas labels Piece enters edlin, and after editing, still the picture after editor can be synthesized in the canvas labels.Certainly, close Similar with synthetic method in above-mentioned S103 and S203 into method, in a kind of implementation of the invention, being encoded by base64 will Picture after editor synthesizes img picture tags.Specifically, encapsulated base64 is encoded in JavaScript, for example, var DataURL=canvas.toDataURL (outputFormat | | ' image/png');The code can is directly by canvas Code in label changes into<img>The image information that can be read, so as to the picture after being synthesized.
S205, the picture after synthesis is included on the page.
S206, after the operational order that picture after user is received to synthesis is preserved, the picture after synthesis is protected Deposit to client.
Optionally, after the picture after being synthesized, the picture after synthesis can be included on the page.When user needs When preserving the picture after the synthesis, the operational order that user is preserved to the picture after synthesis is received, by the figure after synthesis Piece is preserved to client.
The picture synthetic method of the embodiment of the present invention, after the picture that user uploads is obtained, picture is loaded into and built in advance Vertical canvas labels, edlin is entered to the picture in canvas labels;Picture after editor is synthesized into img picture tags, Picture after being synthesized;Picture after synthesis is included on the page;Picture after user is received to synthesis is protected After the operational order deposited, the picture after synthesis is preserved to client.The embodiment of the present invention in client by realizing webpage figure The synthesis of piece, rather than the synthesis of Web page picture is realized in service end, therefore reduce the occupancy to service end resource, reduce The operating procedure of user, optimize the Consumer's Experience of website.
Corresponding to above method embodiment, the embodiment of the present invention additionally provides a kind of picture synthesizer, referring to Fig. 3, Fig. 3 For a kind of structure chart of the picture synthesizer of the embodiment of the present invention, including:
Picture acquisition module 301, the picture uploaded for obtaining user by webpage.
Picture editor's module 302, for picture to be loaded into the canvas labels pre-established, to the figure in canvas labels Piece enters edlin.
First synthesis module 303, for when the quantity of the picture after editor is multiple, the picture after editor to be loaded into phase Same canvas labels, synthesize img picture tags, after obtaining synthesis in identical canvas labels by the picture after editor Picture.
The picture synthesizer of the embodiment of the present invention, after the picture that user uploads is obtained, picture is loaded into and built in advance Vertical canvas labels, edlin is entered to the picture in canvas labels;When the quantity of the picture after editor is multiple, will compile Picture after volume is loaded into identical canvas labels, and the picture after editor is synthesized into img figures in identical canvas labels Piece label, the picture after being synthesized.The embodiment of the present invention can not have to realize the synthesis of Web page picture in service end, but Client realizes the synthesis of Web page picture, so as to reduce the occupancy to service end resource, reduces the operating procedure of user, excellent Change the Consumer's Experience of website.
It should be noted that the device of the embodiment of the present invention is the device using above-mentioned picture synthetic method, then above-mentioned figure All embodiments of piece synthetic method are applied to the device, and can reach same or analogous beneficial effect.
Referring to Fig. 4, Fig. 4 is another structure chart of the picture synthesizer of the embodiment of the present invention, in the base of Fig. 3 embodiments On plinth, in addition to:
Second synthesis module 401, for when the picture after editor quantity be one when, to the editor in canvas labels Picture afterwards is synthesized, the picture after being synthesized.
Picture display module 402, for the picture after synthesis to be included in the page.
Picture preserving module 403, will after the operational order preserved for picture after user is received to synthesis Picture after synthesis is preserved to client.
Optionally, in a kind of implementation of the invention, picture editor's module 302 is specifically used for, if pre-establish The quantity of canvas labels to be multiple, by picture Load Image corresponding to canvas labels;Respectively to each canvas label In picture enter edlin;Or,
If the quantity of the canvas labels pre-established is one, picture is loaded into canvas labels successively, according to loading Sequencing edlin is entered to the picture in canvas labels, untill all pictures have been edited.
Optionally, in a kind of implementation of the invention, picture editor's module 302 is specifically used for, and receives user to picture Enter the operational order of edlin;Edlin is entered according to operational order to the picture in canvas labels.
Optionally, in a kind of implementation of the invention, the first synthesis module 303 is specifically used for, and is encoded by base64 Picture after editor is synthesized into img picture tags.
The embodiment of the present invention additionally provides a kind of electronic equipment, and referring to Fig. 5, Fig. 5 is the electronic equipment of the embodiment of the present invention Structure chart, including:Processor 501, communication interface 502, memory 503 and communication bus 504, wherein, processor 501, lead to Letter interface 502, memory 503 complete mutual communication by communication bus 504;
Memory 503, for depositing computer program;
Processor 501, during for performing the program deposited on memory 503, realize any picture in above-described embodiment The step of synthetic method.
It should be noted that the communication bus 504 that above-mentioned electronic equipment is mentioned can be PCI (Peripheral Component Interconnect, Peripheral Component Interconnect standard) bus or EISA (Extended Industry Standard Architecture, EISA) bus etc..The communication bus 504 can be divided into address bus, data/address bus, Controlling bus etc..For ease of representing, only represented in Fig. 5 with a thick line, it is not intended that an only bus or a type Bus.
The communication that communication interface 502 is used between above-mentioned electronic equipment and other equipment.
Memory 503 can include RAM (Random Access Memory, random access memory), can also include Nonvolatile memory (non-volatile memory), for example, at least a magnetic disk storage.Optionally, memory may be used also To be at least one storage device for being located remotely from aforementioned processor.
Above-mentioned processor 501 can be general processor, including:CPU (Central Processing Unit, center Processor), NP (Network Processor, network processing unit) etc.;It can also be DSP (Digital Signal Processing, digital signal processor), ASIC (Application Specific Integrated Circuit, it is special Integrated circuit), FPGA (Field-Programmable Gate Array, field programmable gate array) or other are programmable Logical device, discrete gate or transistor logic, discrete hardware components.
The embodiment of the present invention additionally provides a kind of computer-readable recording medium, and computer-readable recording medium internal memory contains Computer program, when computer program is executed by processor, the step of realizing any picture synthetic method in above-described embodiment.
It should be noted that herein, such as first and second or the like relational terms are used merely to a reality Body or operation make a distinction with another entity or operation, and not necessarily require or imply and deposited between these entities or operation In any this actual relation or order.Moreover, term " comprising ", "comprising" or its any other variant are intended to Nonexcludability includes, so that process, method, article or equipment including a series of elements not only will including those Element, but also the other element including being not expressly set out, or it is this process, method, article or equipment also to include Intrinsic key element.In the absence of more restrictions, the key element limited by sentence "including a ...", it is not excluded that Other identical element also be present in process, method, article or equipment including the key element.
Each embodiment in this specification is described by the way of related, identical similar portion between each embodiment Divide mutually referring to what each embodiment stressed is the difference with other embodiment.Closed especially for picture Into for device, electronic equipment and readable storage medium storing program for executing embodiment, because it is substantially similar to embodiment of the method, so description Fairly simple, the relevent part can refer to the partial explaination of embodiments of method.
The foregoing is merely illustrative of the preferred embodiments of the present invention, is not intended to limit the scope of the present invention.It is all Any modification, equivalent substitution and improvements made within the spirit and principles in the present invention etc., are all contained in protection scope of the present invention It is interior.

Claims (10)

1. a kind of picture synthetic method, it is characterised in that methods described includes:
Obtain the picture that user is uploaded by webpage;
The picture is loaded into the canvas labels pre-established, edlin is entered to the picture in the canvas labels;
When the quantity of the picture after editor is multiple, the picture after the editor is loaded into identical canvas labels, in institute State in identical canvas labels and the picture after the editor is synthesized into img picture tags, the picture after being synthesized.
2. picture synthetic method according to claim 1, it is characterised in that after the picture after described synthesized, Methods described also includes:
Picture after the synthesis is shown on the page;
After the operational order that picture after user is received to the synthesis is preserved, the picture after the synthesis is preserved To client.
3. picture synthetic method according to claim 1, it is characterised in that in the figure in the canvas labels Piece enters after edlin, and methods described also includes:
When the quantity of the picture after editor is one, the picture after the editor in the canvas labels is closed Into the picture after being synthesized.
4. picture synthetic method according to claim 1, it is characterised in that described that the picture is loaded into what is pre-established Canvas labels, edlin is entered to the picture in the canvas labels, including:
If the quantity of the canvas labels pre-established is multiple, the picture is loaded into canvas corresponding to the picture and marked Label;Edlin is entered to the picture in each canvas label respectively;Or,
If the quantity of the canvas labels pre-established is one, the picture is loaded into the canvas labels successively, according to The sequencing of loading enters edlin to the picture in the canvas labels, untill all pictures have been edited.
5. the picture synthetic method according to claim 1 or 4, it is characterised in that described in the canvas labels Picture enters edlin, including:
Receive the operational order that user enters edlin to the picture;
Edlin is entered according to the operational order to the picture in the canvas labels.
6. picture synthetic method according to claim 1, it is characterised in that described in the identical canvas labels Picture after the editor is synthesized into img picture tags, including:
Encoded by base64 and the picture after the editor is synthesized into img picture tags.
7. a kind of picture synthesizer, it is characterised in that described device includes:
Picture acquisition module, the picture uploaded for obtaining user by webpage;
Picture editor's module, for the picture to be loaded into the canvas labels pre-established, in the canvas labels Picture enters edlin;
First synthesis module, for when the quantity of the picture after editor is multiple, the picture after the editor being loaded into identical Canvas labels, the picture after the editor is synthesized into img picture tags in the identical canvas labels, obtained Picture after synthesis.
8. picture synthesizer according to claim 7, it is characterised in that described device also includes:
Picture display module, for the picture after the synthesis to be shown on the page;
Picture preserving module, after the operational order preserved for picture after user is received to the synthesis, by institute The picture after synthesis is stated to preserve to client.
9. a kind of electronic equipment, it is characterised in that including:Processor, communication interface, memory and communication bus, wherein, it is described Processor, the communication interface, the memory complete mutual communication by the communication bus;
The memory, for depositing computer program;
The processor, during for performing the program deposited on the memory, realize any described sides of claim 1-6 Method step.
10. a kind of computer-readable recording medium, it is characterised in that the computer-readable recording medium internal memory contains computer Program, the computer program realize claim 1-6 any described method and steps when being executed by processor.
CN201710565406.8A 2017-07-12 2017-07-12 A kind of picture synthetic method, device, electronic equipment and readable storage medium storing program for executing Pending CN107392981A (en)

Priority Applications (1)

Application Number Priority Date Filing Date Title
CN201710565406.8A CN107392981A (en) 2017-07-12 2017-07-12 A kind of picture synthetic method, device, electronic equipment and readable storage medium storing program for executing

Applications Claiming Priority (1)

Application Number Priority Date Filing Date Title
CN201710565406.8A CN107392981A (en) 2017-07-12 2017-07-12 A kind of picture synthetic method, device, electronic equipment and readable storage medium storing program for executing

Publications (1)

Publication Number Publication Date
CN107392981A true CN107392981A (en) 2017-11-24

Family

ID=60339308

Family Applications (1)

Application Number Title Priority Date Filing Date
CN201710565406.8A Pending CN107392981A (en) 2017-07-12 2017-07-12 A kind of picture synthetic method, device, electronic equipment and readable storage medium storing program for executing

Country Status (1)

Country Link
CN (1) CN107392981A (en)

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020140650A1 (en) * 2019-01-03 2020-07-09 深圳壹账通智能科技有限公司 Image processing method and apparatus, storage medium, and electronic device

Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102314434A (en) * 2010-06-30 2012-01-11 中兴通讯股份有限公司 Method for combined display of page background pictures and device
CN103139439A (en) * 2013-01-24 2013-06-05 厦门美图网科技有限公司 Image synthesis method based on image block template and capable of adding modification materials
CN105335925A (en) * 2014-07-30 2016-02-17 北京畅游天下网络技术有限公司 Picture clipping method and browser device

Patent Citations (3)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
CN102314434A (en) * 2010-06-30 2012-01-11 中兴通讯股份有限公司 Method for combined display of page background pictures and device
CN103139439A (en) * 2013-01-24 2013-06-05 厦门美图网科技有限公司 Image synthesis method based on image block template and capable of adding modification materials
CN105335925A (en) * 2014-07-30 2016-02-17 北京畅游天下网络技术有限公司 Picture clipping method and browser device

Non-Patent Citations (2)

* Cited by examiner, † Cited by third party
Title
崔小拽: "canvas生成和合并图片", 《HTTPS://SEGMENTFAULT.COM/A/1190000004032270?UTM_SOURCE=TAG-NEWEST》 *
谢钟扬 等: "《Web前端开发基础》", 30 June 2016, 重庆大学出版社 *

Cited By (1)

* Cited by examiner, † Cited by third party
Publication number Priority date Publication date Assignee Title
WO2020140650A1 (en) * 2019-01-03 2020-07-09 深圳壹账通智能科技有限公司 Image processing method and apparatus, storage medium, and electronic device

Similar Documents

Publication Publication Date Title
CN110489116B (en) Page rendering method and device and computer storage medium
AU2005202722B2 (en) Common charting using shapes
CN107656914B (en) Configurable table generation method and device, terminal equipment and storage medium
US11216253B2 (en) Application prototyping tool
US7698628B2 (en) Method and system to persist state
US10008009B1 (en) Method for generating dynamic vector graphics
CN109614601A (en) Form processing method, device, equipment and readable medium based on web
AU2005282719B2 (en) Methods, systems, and data models for describing an electrical device
US10410606B2 (en) Rendering graphical assets on electronic devices
CN103518195A (en) Apparatus, system and method for vector-based form field document
CN111538774A (en) Data storage and display method, system, equipment and storage medium
CN106933887A (en) A kind of data visualization method and device
CN114357345A (en) Picture processing method and device, electronic equipment and computer readable storage medium
US10262073B2 (en) Generating and distributing interactive documents
CN108268260A (en) It is a kind of quick micro- using assemble method based on integrated support technology
CN103955475A (en) Display method and device for webpage label information, and browser
CN111488102A (en) Modular editing method, terminal, server and system for graphic animation
CN111651966A (en) Data report file generation method and device and electronic equipment
CN117093386B (en) Page screenshot method, device, computer equipment and storage medium
CN107392981A (en) A kind of picture synthetic method, device, electronic equipment and readable storage medium storing program for executing
CN107688650A (en) A kind of web page generation method and device
CN106843846A (en) A kind of MX frame pages designer and method for designing
CN109002292B (en) Method and system for realizing pop-up frame based on webpage pop-up layer
CN113722630B (en) Method and equipment for presenting resource data in web page based on client rendering
US9223766B2 (en) Preserving formatting of content selection through snippets

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
RJ01 Rejection of invention patent application after publication

Application publication date: 20171124

RJ01 Rejection of invention patent application after publication