访问次数
我的另一个总结性博客： todototry 大米粒

Javascript的一个生产PDF的库： unicode和中文问题的解决

 

 

Javascript的一个生产PDF的库： unicode和中文问题的解决
基于canvas和jspdf库, 实现用javascript的支持中文pdf生成实用工具.
参考：
http://javascript.ruanyifeng.com/htmlapi/canvas.html


1. 使用canvas将中文写入canvas中，再将canvas转换成图片，从而解决中文问题。

<!DOCTYPE html>
<html>
<head>
</head>
<body>

<canvas id="myCanvas" width="200" height="200">
</canvas>

<div id="myDiv">
</div>

<script type="text/javascript">
var canvas = document.getElementById("myCanvas");
if (canvas.getContext) {
var ctx = canvas.getContext("2d");
// 设置字体
ctx.font = "Bold 20px Arial";
// 设置对齐方式
ctx.textAlign = "left";
// 设置填充颜色
ctx.fillStyle = "#008600";
// 设置字体内容，以及在画布上的位置
ctx.fillText("好啊!", 10, 50);
// 绘制空心字
ctx.strokeText("好的啊!", 10, 100);

// save to png
var image = new Image();
image.src = canvas.toDataURL("image/png");

// create 'img' element in memory
var nodeImage = document.createElement("img");
nodeImage.src = image.src;

// append element to html
var nodeDiv = document.getElementById("myDiv");
nodeDiv.appendChild(nodeImage);

};

</script>
</body>

</html>

 

 

2. 使用jspdf 的图片嵌入功能, 将中文图片嵌入到pdf中, 实现前端生成中文pdf.

http://parall.ax/products/jspdf

 

posted @ 2015-06-20 17:32  fandyst  阅读(1139)  评论(0)  编辑  收藏  举报