CN112487335A - OFD file reading method based on browser - Google Patents

Abstract

The invention discloses an OFD file reading method based on a browser, which comprises the following steps: analyzing the OFD file to obtain file resources; turning to Json; acquiring character content and style attributes; drawing canvas and a Dom tree according to the character style attributes; drawing generates an Html page. The method does not damage the original OFD file, can quickly display the OFD file without installing any plug-in, and effectively improves the whole reading experience.

Description

OFD file reading method based on browser

Technical Field

The invention relates to the field of OFD file reading, in particular to an OFD file reading method based on a browser.

Background

At present, when reading files in the specific format of the OFD files, plug-ins or clients are required to be relied on, otherwise normal reading cannot be performed. How to read in a common browser is a very worthy technical problem to be researched under the condition of not depending on any plug-in.

Disclosure of Invention

The present invention is directed to a method for reading OFD files based on a browser, which solves one or more of the above-mentioned problems.

The invention provides an OFD file reading method based on a browser, which comprises the following steps:

analyzing the acquired file resources, acquiring an OFD file, decompressing the OFD file and acquiring the file resources;

converting the XML file into a Json array, reading the file in the file resource, and converting the XML file into a Json array;

analyzing the file data of the Json array to obtain page basic attributes and text content style attributes;

drawing canvas and a Dom tree according to the page basic attribute and the text content style attribute;

and drawing to generate an Html page for displaying.

In some embodiments, the method for analyzing and acquiring file resources specifically includes:

receiving an OFD file;

modifying the name of the suffix of the OFD file OFD into zip to obtain a zip file;

and decompressing the zip file to obtain a corresponding file folder, namely a file resource, of the OFD file after decompression.

In some embodiments, the method for converting to Json is specifically:

reading all files of the file resources, including public Res.xml and Pages folders;

reading Page number information of a Page _ N file and content.xml file in each Pages folder, and establishing a corresponding Page path, wherein N in the Page _ N is the Page number of the OFD file, and the content.xml file in the Page _ N is the content corresponding to each Page of the OFD file in the OFD folder;

merge public res. xm and content. xml files under each Page _ N into a Json array.

Xml is font configuration information and the Pages folder is page content in some embodiments.

In some embodiments, the specific way to draw canvas and Dom trees according to the page basic attributes and the text content style attributes is as follows:

drawing a canvas according to the basic attribute of the page;

and generating Div according to the text content style attribute and constructing a tree structure of the Dom tree.

In some embodiments, the page base attributes include a desired font for the page and a page base size.

In some embodiments, the textual content style attributes include boundaries, font size, relative position, horizontal axis displacement, and textual content.

In some embodiments, the relative position includes the coordinates of vector X and the coordinates of vector Y.

In some embodiments, the method for generating the Html page by drawing is specifically as follows:

and acquiring presentation tree nodes according to the Dom tree, and drawing and generating an Html file on canvas according to the text content style attributes according to each presentation tree node.

The OFD file reading method based on the browser has the advantages that:

1. the original OFD file is not damaged, and the OFD file can be displayed without deviation;

2. no plug-in and control are required to be installed;

3. the compatibility is good, and the method can be suitable for various browsers on the market.

Drawings

Various other advantages and benefits will become apparent to those of ordinary skill in the art upon reading the following detailed description of the preferred embodiments. The drawings are only for purposes of illustrating the preferred embodiments and are not to be construed as limiting the invention. In the drawings:

fig. 1 is a flowchart of a method for reading an OFD file based on a browser according to a first embodiment of the present invention.

Detailed Description

Exemplary embodiments of the present disclosure are described in more detail below with reference to the accompanying drawings. While the disclosed exemplary embodiments are shown in the drawings, it should be understood that the present disclosure may be embodied in various forms and should not be limited to the embodiments set forth herein. Rather, these embodiments are provided so that this disclosure will be thorough and complete.

The OFD file reading method based on the browser provided by the embodiment of the present invention is described in detail.

Referring to a flow chart of an OFD file reading method based on a browser shown in fig. 1, the present embodiment provides an OFD file reading method based on a browser, including the following steps:

step 1, analyzing and acquiring file resources, specifically comprising:

step 11, receiving an OFD file;

step 12, modifying the name of the suffix of the OFD file OFD into zip to obtain a zip file;

step 13, decompressing the zip file to obtain a corresponding file folder after the OFD file is decompressed;

step 2, reading the file in the file resource, and converting the XML file in the file resource into a Json array, which specifically comprises the following steps:

step 21, reading all files of file resources; xml is font configuration information, and the Pages folder is page content;

step 22, reading Page number information of a Page _ N file and content.xml file in each Pages folder, and establishing a corresponding Page path, wherein N in the Page _ N is the Page number of the OFD file, and the content.xml file in the Page _ N is the content corresponding to each Page of the OFD file in the OFD folder;

step 23, merging and converting public Res.xm and content.xml files under each Page _ N into Json files;

step 3, acquiring page basic attributes and text content style attributes, wherein the page basic attributes comprise fonts and page basic size required by a page;

the text content style attributes comprise boundaries, fonts, font sizes, relative positions, horizontal axis displacement and text contents;

the method for acquiring the page basic attribute and the text content style attribute specifically comprises the following steps:

step 31, analyzing file data of the Json array;

32, obtaining ofd Font, ofd Area, ofd TextObjects and ofd TextCode in a Json array, obtaining the Font required by the page according to ofd Font, obtaining the basic Size of the page according to ofd Area, and respectively obtaining the Boundary, the Font and the Font Size according to ofd Boundary, Font and Size in the TextObjects; obtaining coordinates of vector X and coordinates of vector Y in relative positions from X and Y in ofd: TextCode; acquiring horizontal axis displacement according to ofd DeltaX in the TextCode, and acquiring text content according to ofd TextCode;

step 4, drawing canvas and Dom trees according to the page basic attribute and the character content style attribute, wherein the specific operation is as follows:

drawing canvas according to ofd, Area set page pagesize;

selecting a Font in ofd: Font according to a Font value in ofd: TextObject, setting a Font Size according to a Size value in ofd: TextObject, setting Top and Left values of Div relative to a page according to a Boundary value in ofd: TextObject, setting a position of a character relative to a parent level Div according to X, Y in ofd: TextCode, setting a relative offset of each character according to DeltaX in ofd: TextCode, generating a new Div, and constructing a tree structure of a Dom tree;

and step 5, acquiring the nodes of the presentation tree according to the Dom tree, and drawing and generating an Html file on the canvas according to the text content style attributes according to each node of the presentation tree to display the Html file.

The foregoing is only a preferred form of the invention and it should be noted that several similar variations and modifications could be made by one skilled in the art without departing from the inventive concept and these should also be considered within the scope of the invention.

Claims (9)

1. An OFD file reading method based on a browser is characterized by comprising the following steps:

analyzing the acquired file resources, acquiring an OFD file, decompressing the OFD file and acquiring the file resources;

converting the XML file into a Json array, reading the file in the file resource, and converting the XML file into a Json array;

analyzing the file data of the Json array, and acquiring page basic attributes and text content style attributes;

drawing canvas and a Dom tree according to the page basic attribute and the text content style attribute;

and drawing to generate an Html page for displaying.

2. The OFD file reading method based on the browser of claim 1, wherein the method for obtaining file resources by parsing specifically includes:

receiving an OFD file;

modifying the name of the suffix of the OFD file OFD into zip to obtain a zip file;

and decompressing the zip file to obtain a corresponding file folder, namely a file resource, of the OFD file after decompression.

3. The OFD file reading method based on a browser of claim 1, wherein the method of converting to Json specifically comprises:

reading all files of the file resources, including public Res.xml and Pages folders;

reading Page number information of a Page _ N file and content.xml file in each Pages folder, and establishing a corresponding Page path, wherein N in the Page _ N is the Page number of the OFD file, and the content.xml file in the Page _ N is the content corresponding to each Page of the OFD file in the OFD folder;

merge public res. xm and content. xml files under each Page _ N into a Json array.

4. The OFD file reading method based on a browser of claim 3, wherein the publicres.

5. The OFD file reading method based on a browser of claim 1, wherein the specific way of drawing canvas and Dom trees according to the page basic attribute and the text content style attribute is as follows:

drawing a canvas according to the basic attribute of the page;

and generating Div content according to the text content style attributes, and constructing a tree structure of the Dom tree.

6. The browser-based OFD file reading method according to claim 1 or 5, wherein said page basic properties include page required font configuration information and page basic size.

7. The browser-based OFD file reading method according to claim 1 or 5, wherein said text content style attributes include a boundary, a font size, a relative position, a horizontal axis displacement, and a text content.

8. The browser-based OFD file reading method according to claim 7, wherein said relative position includes a coordinate of vector X and a coordinate of vector Y.

9. The OFD file reading method based on a browser of claim 1, wherein the method for generating the Html page by drawing specifically comprises:

and acquiring presentation tree nodes according to the Dom tree, and drawing and generating an Html file on canvas according to the text content style attributes according to each presentation tree node.

Images