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

最新推荐文章于 2024-08-08 08:02:40 发布

weixin_30666943

最新推荐文章于 2024-08-08 08:02:40 发布

阅读量149

点赞数

原文链接：http://www.cnblogs.com/ToDoToTry/p/4590791.html

版权

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

转载于:https://www.cnblogs.com/ToDoToTry/p/4590791.html

weixin_30666943

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
Javascript的一个生产PDF的库： unicode和中文问题的解决

Javascript的一个生产PDF的库： unicode和中文问题的解决基于canvas和jspdf库, 实现用javascript的支持中文pdf生成实用工具.参考：http://javascript.ruanyifeng.com/htmlapi/canvas.html1. 使用canvas将中文写入canvas中，再将canvas转换成图片，从而解决中文问题。<...
复制链接

扫一扫