Looking for breakthrough ideas for innovation challenges? Try Patsnap Eureka!

Psd import method for quickly generating H5 page based on web end

A page and fast technology, applied in the field of psd import based on the quick generation of H5 pages based on the web, can solve the problems of lack, incomplete element analysis, single psd upload, etc.

Pending Publication Date: 2021-06-18
GUANGZHOU FAISCO INFORMATON TECH
View PDF2 Cites 0 Cited by
  • Summary
  • Abstract
  • Description
  • Claims
  • Application Information

AI Technical Summary

Problems solved by technology

[0002] The psd file upload is similar to other file uploads, the difference is that the psd file upload needs to analyze the elements inside the file to generate the page, which is more complicated than other file uploads
Therefore, the current technical solutions for uploading psd files are still relatively lacking. The psd upload is relatively simple, and the analysis of the elements in the psd file is still not fully in place. Therefore, a psd based on the web side to quickly generate H5 pages is proposed. import method

Method used

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
View more

Image

Smart Image Click on the blue labels to locate them in the text.
Viewing Examples
Smart Image
  • Psd import method for quickly generating H5 page based on web end

Examples

Experimental program
Comparison scheme
Effect test

Embodiment 1

[0017] Embodiment 1, with reference to figure 1 , a psd import method for quickly generating H5 pages based on the web, including the following steps:

[0018] S1: Introduce the psd plug-in;

[0019] var PSD = require('psd');

[0020] S2: Use the psd plug-in to parse the psd file, analyze the data of each layer of the psd file, obtain the tree structure of the psd file, and return the data;

[0021] var psd = PSD.fromFile("path / file.psd");

[0022] psd.tree() method;

[0023] S3: Perform corresponding operations on the nodes of the psd file tree structure after recombination and analysis;

[0024] S4: Collect layer information and send it to the background;

[0025] S5: Integrate the data returned by the background and generate an H5 page.

[0026] In the present invention, the psd plug-in in S1 is psd.js, the data in S2 includes the file structure, the size of the file, the size of the layer, the name of the layer and font data, and the method for correspondingly operat...

Embodiment 2

[0027] Embodiment 2, with reference to figure 1 , which differs from Embodiment 1 only in that the method for performing corresponding operations on nodes in S3 is the isRoot() method.

Embodiment 3

[0028] Embodiment 3, with reference to figure 1 , which differs from Embodiment 1-2 only in that the method for performing corresponding operations on nodes in S3 is the children() method.

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

PUM

No PUM Login to View More

Abstract

The invention discloses a psd import method for quickly generating an H5 page based on a web end. The method comprises the following steps: S1, importing a psd plug-in; s2, analyzing the psd file by using the psd plug-in, analyzing data of each layer of the psd file to obtain a tree structure of the psd file, and returning the data; s3, performing corresponding operation on nodes of the recombined and analyzed psd file tree structure; s4, collecting layer information and transmitting the layer information to a background; and S5, integrating data returned by the background and generating an H5 page. According to the invention, each element of the uploaded psd file is analyzed, the picture is generated after the information of each element is obtained, and finally the page with the same content as the psd file is generated, so that the elements in the psd file can be effectively and fully analyzed.

Description

technical field [0001] The invention relates to the technical field of generating pages on the web, in particular to a psd import method for quickly generating H5 pages based on the web. Background technique [0002] The psd file upload is similar to other file uploads, the difference is that the psd file upload needs to parse the elements inside the file to generate the page, which is more complicated than other file uploads. Therefore, the current technical solutions for uploading psd files are still relatively lacking. The psd upload is relatively simple, and the analysis of the elements in the psd file is still not fully in place. Therefore, a psd based on the web side to quickly generate H5 pages is proposed. import method. Contents of the invention [0003] Based on the technical problems existing in the background technology, the present invention proposes a psd import method for quickly generating H5 pages based on the web. [0004] A kind of psd import method th...

Claims

the structure of the environmentally friendly knitted fabric provided by the present invention; figure 2 Flow chart of the yarn wrapping machine for environmentally friendly knitted fabrics and storage devices; image 3 Is the parameter map of the yarn covering machine
Login to View More

Application Information

Patent Timeline
no application Login to View More
Patent Type & Authority Applications(China)
IPC IPC(8): G06F16/958
CPCG06F16/986
Inventor 陈晓俊
Owner GUANGZHOU FAISCO INFORMATON TECH
Who we serve
  • R&D Engineer
  • R&D Manager
  • IP Professional
Why Patsnap Eureka
  • Industry Leading Data Capabilities
  • Powerful AI technology
  • Patent DNA Extraction
Social media
Patsnap Eureka Blog
Learn More
PatSnap group products

Browse by: Latest US Patents, China's latest patents, Technical Efficacy Thesaurus, Application Domain, Technology Topic, Popular Technical Reports.

© 2024 PatSnap. All rights reserved.Legal|Privacy policy|Modern Slavery Act Transparency Statement|Sitemap|About US| Contact US: help@patsnap.com