Home > Web Front-end > HTML Tutorial > Generate a PDF example code using HTML

Generate a PDF example code using HTML

零下一度
Release: 2017-04-27 15:42:38
Original
2633 people have browsed it

The editor brings you an article on elegantly generating PDF in HTML.

Key Code

<script type="text/javascript" src="http://myxdoc.sohuapps.com/xdoc.js"></script>   
<script id="myxdoc" type="text/xdoc" _format="pdf" style="width:100%;height:100%;">   
script中的内容是xdoc,说明见:http://myxdoc.sohuapps.com/xml.html
Copy after login

_format attribute specifies the output format, which can also be flash, docx, etc. The attributes in script can use the parameters available in xdoc, and the style attribute defines the style of displaying the results. .
This method perfectly combines XDOC tags with HTML, and outputting documents such as pdf is exactly the same as outputting html. You can use jsp, php, asp, freemarker, etc. to dynamically output documents.

<html> 
  <head> 
    <meta charset="UTF-8">
    <script type="text/javascript" src="http://myxdoc.sohuapps.com/xdoc.js"></script> 
  </head>  
  <body style="height:100%; margin:0; overflow:hidden;"> 
    <script id="myxdoc" type="text/xdoc" _format="pdf" style="width:100%;height:100%;"> 
      <xdoc version="A.3.0"> 
        <paper margin="0" width="300" height="380"/>  
        <body padding="16" fillImg="#@f40">
          <para align="center">
            <img width="116" height="116" fillColor="" drawType="adjust" src="http://img.ddky.com/c/product/282740/800_mid/z_1.jpg"/>
          </para>
          <para align="center">
            <text fontName="标宋" fontSize="18">[汤臣倍健]维生素C咀嚼片</text>
          </para>
          <para align="center">
            <text fontColor="#ff0000" fontName="标宋" format="c" fontSize="18">88</text>
          </para>
          <para align="center">
            <barcode type="QRCode" width="148" height="148" margin="8" value="http://h.ddky.com/shangpinxiangqing.html?shopId=100012&amp;id=282740&amp;skuId=28274001"/>
          </para>
        </body>
      </xdoc>
    </script> 
  </body> 
</html>
Copy after login

2. [Picture] a.png              

Generate a PDF example code using HTML

The above is the detailed content of Generate a PDF example code using HTML. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template