代码
<html>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://xdoc.aliapp.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://xdoc.aliapp.com/xdoc.js"></script>
<script id="myxdoc" type="text/xdoc" _format="pdf" style="width:100%;height:100%;">
script中的内容是xdoc，说明见：http://xdoc.aliapp.com/xml.html
_format属性指定输出格式，还可以是flash、docx等，script中的属性可以使用xdoc可用的参数，style属性定义展示结果的样式。
这种方式将XDOC标记与HTML完美结合，输出pdf等文档与输出html完全相同。可以用jsp、php、asp、freemarker等动态输出文档。
相关推荐
jfinal导出excel word pdf，html demo，导出pdf需要用到jar包我已经放在jar里
Chrome这使得使用Chrome作为通过HTML编程生成PDF数据或PNG屏幕截图的快速而优雅的方式成为可能。 django-hardcopy是使用wkhtmltopdf其他项目的替代方案， wkhtmltopdf是一个出色的工具，但缺乏Chrome的可移植性，...
第8章 图像处理中的即时代码生成 第9章 自顶向下的运算符优先级 9.1. JavaScript 9.2. 符号表 9.3. 语素 9.4. 优先级 9.5. 表达式 9.6. 中置运算符 9.7. 前置操作符 9.8. 赋值运算符 9.9. 常数 9.10. Scope 9.11. ...
本书是第II卷，以开发人员在项目开发中经常遇到的问题和必须掌握的技术为中心，介绍了应用Java进行桌面程序开发各个方面的知识和技巧，主要包括Java语法与面向对象技术、Java高级应用、窗体与控件应用、文件操作...
另外，这也不是一篇高级专题技术论文，而是一本关于设计模式的书，它描述了在面向对象软件设计过程中针对特定问题的简洁而优雅的解决方案。设计模式捕获了随时间进化与发展的问题的求解方法，因此它们并不是人们从...
自动生成 PDF，全自动化流程 提示：本项目如果npm用不了就使用淘宝镜像源cnpm命令，具体方法百度即可 1.修改项目 项目依赖于 Node 环境，你需要先到 官网下载并安装对应系统的 Node 程序。安装好后，在命令行输入 ...
自动生成 PDF，全自动化流程 提示：本项目如果npm用不了就使用淘宝镜像源cnpm命令，具体方法百度即可 1.修改项目 项目依赖于 Node 环境，你需要先到 官网下载并安装对应系统的 Node 程序。安装好后，在命令行输入 ...
自动生成 PDF，全自动化流程 使用 fork本项目后再clone到本地修改 进入项目目录执行npm i安装依赖 执行npm run dev开始开发，根据你的情况修改src/index.html里的内容 替换webpack-dist.config.js文件里的resume....
像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等，都可在本源码中得以体现。 Java编写的显示器显示模式检测程序 2个目标文件 内容...
像坐标控制、旋转矩阵、定时器、生成图像、数据初始化、矩阵乘法、坐标旋转、判断是否是顺时针方向排列、鼠标按下、放开时的动作等，都可在本源码中得以体现。 Java编写的显示器显示模式检测程序 2个目标文件 内容...
JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...
JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...
JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...
JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...
JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...
JCaptcha4Struts2 是一个 Struts2的插件，用来增加验证码的支持，使用时只需要用一个 JSP 标签 (<jcaptcha:image label="Type the text "/> ) 即可，直接在 struts.xml 中进行配置，使用强大的 JCaptcha来生成验证码...