在HTML中优雅的生成PDF
2015-07-09 09:20
627 查看
关键代码
<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
_format属性指定输出格式,还可以是flash、docx等,script中的属性可以使用xdoc可用的参数,style属性定义展示结果的样式。
这种方式将XDOC标记与HTML完美结合,输出pdf等文档与输出html完全相同。可以用jsp、php、asp、freemarker等动态输出文档。<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&id=282740&skuId=28274001"/>
</para>
</body>
</xdoc>
</script>
</body>
</html>
<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
_format属性指定输出格式,还可以是flash、docx等,script中的属性可以使用xdoc可用的参数,style属性定义展示结果的样式。
这种方式将XDOC标记与HTML完美结合,输出pdf等文档与输出html完全相同。可以用jsp、php、asp、freemarker等动态输出文档。<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&id=282740&skuId=28274001"/>
</para>
</body>
</xdoc>
</script>
</body>
</html>
相关文章推荐
- 使用document.write()输出覆盖HTML问题
- 让360浏览器使用特定的模式打开网页(HTML)
- 【XML】XML,HTML,XHTML
- HtmlParser基础教程
- HtmlParser学习系列 -- 学习总结
- HTML打开Excel文件
- HTML中调用servlet的问题(?)
- golang Html 正则
- HTML调用servlet(二)
- HTML调用servlet(一)
- html 的表格元素总结
- HTML字符实体
- html中用作文档分节的元素
- html 框架
- HTML(Hyper Text Markup Language)超文本标记语言
- html 标签选择器
- html学习笔记
- html id选择器
- HTML基础介绍二(图像和超级链接)
- 动态添加的HTML的自动渲染