Javascript的一個生產PDF的庫： unicode和中文問題的解決

時間 2019-11-06

標籤 javascript 一個生產 pdf unicode 中文問題解決欄目 JavaScript 简体版

原文原文鏈接

Javascript的一個生產PDF的庫： unicode和中文問題的解決
基於canvas和jspdf庫, 實現用javascript的支持中文pdf生成實用工具.
參考：
http://javascript.ruanyifeng.com/htmlapi/canvas.htmljavascript

1. 使用canvas將中文寫入canvas中，再將canvas轉換成圖片，從而解決中文問題。html

<!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>