将html转换为png
其主要实现调用远程的http://www.xdocin.com/xdoc.js文件,文件挂载到本地,并不能流畅使用。
具体代码:
```
<!DOCTYPE html>
<html id=htmlText>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://www.xdocin.com/xdoc.js"></script>
<%/*使用远程的js*/%>
</head>
<body >
<br/>
<div>
<img src="http://www.baidu.com/img/bdlogo.gif" alt="" />
</div>
where are you?
<script>
XDoc.run(document.getElementById("htmlText").value, "png", {}, "_blank");
<%/*png表示转换格式,htmlText表示html的id*/%>
</script>
<script>
</script>
</body>
</html>
生成的png。
但是这个并不能将背景图片转换到png中,算法还不够完善。
将JSON转换为pdf
<!DOCTYPE html>
<html id=htmlText>
<head>
<meta charset="UTF-8">
<script type="text/javascript" src="http://www.xdocin.com/xdoc.js"></script>
</head>
<body>
<input type="button" onclick="gen1()" value="生成pdf"/>
<br/>
<script type="text/javascript">
var xdata = {
Class:"text",
text:document.getElementById("text").value,
fontName:"标宋",
fontSize:24,
fontStyle:"underline,shadow",
fontColor:"blue",
href:"http://www.xdocin.com"
};
function gen1() {
XDoc.run("./resume.xdoc", "pdf", {_xdata:xdata}, "_blank");
}
</script>
</body>
</html>