在HTML中优雅的生成PDF

时间：2015-07-10 00:32:41 阅读：144 评论：0 收藏：0 [点我收藏+]

标签：

代码

Html代码 

<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>

效果

技术分享

说明

关键代码

Html代码 

<script type="text/javascript" src="http://myxdoc.sohuapps.com/xdoc.js"></script>   

Html代码 

<script id="myxdoc" type="text/xdoc" _format="pdf" style="width:100%;height:100%;">   

script中的内容是xdoc，说明见：http://myxdoc.sohuapps.com/xml.html

_format属性指定输出格式，还可以是flash、docx等，script中的属性可以使用xdoc可用的参数，style属性定义展示结果的样式。

这种方式将XDOC标记与HTML完美结合，输出pdf等文档与输出html完全相同。可以用jsp、php、asp、freemarker等动态输出文档。

在HTML中优雅的生成PDF

标签：

原文地址：http://blog.csdn.net/sqlhub/article/details/46822471

踩

(0)

评论一句话评论（0）

分享档案

更多>

2021年07月29日 (22)
2021年07月28日 (40)
2021年07月27日 (32)
2021年07月26日 (79)
2021年07月23日 (29)
2021年07月22日 (30)
2021年07月21日 (42)
2021年07月20日 (16)
2021年07月19日 (90)
2021年07月16日 (35)

周排行