首頁 > 開發者 > JavaScript
標籤：
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 pngvar image = new Image();image.src = canvas.toDataURL("image/png");// create ‘img‘ element in memoryvar nodeImage = document.createElement("img");nodeImage.src = image.src;// append element to htmlvar nodeDiv = document.getElementById("myDiv");nodeDiv.appendChild(nodeImage);};</script></body></html>
2. 使用jspdf 的圖片嵌入功能, 將中文圖片嵌入到pdf中, 實現前端產生中文pdf.
http://parall.ax/products/jspdf
Javascript的一個生產PDF的庫： unicode和中文問題的解決
Start building with 50+ products and up to 12 months usage for Elastic Compute Service
1 on 1 presale consultation
24/7 Technical Support 6 Free Tickets per Quarter Faster Response
Alibaba Cloud offers highly flexible support services tailored to meet your exact needs.
A comprehensive suite of global cloud computing services to power your business
Payment Methods We Support
