Tag: html2canvas

html2canvas保存图像不起作用

我正在使用html2canvas 0.4.0渲染屏幕截图，并希望将其保存为我的网络服务器上的图像。 为此，我编写了以下函数： JavaScript的 function screenShot(id) { html2canvas(id, { proxy: “https://html2canvas.appspot.com/query”, onrendered: function(canvas) { $(‘body’).append(canvas); // This works perfect… var img = canvas.toDataURL(“image/png”); var output = img.replace(/^data:image\/(png|jpg);base64,/, “”); var Parameters = “image=” + output + “&filedir=” + cur_path; $.ajax({ type: “POST”, url: “inc/saveJPG.php”, data: Parameters, success : function(data) { console.log(data); } }).done(function() { }); } […]

如何使用jsPDF以PDF格式显示两页图像？

我有一个HTML页面。 我有一个按钮，当我单击此按钮时，它将使用html2canvas将整个html页面转换为数据图像，并使用jsPDF库将其放入PDF。 我正在使用的javascript是 $(“#printButton”).click(function(){ html2canvas([document.getElementById(‘form1’)], { onrendered: function (canvas) { var imageData = canvas.toDataURL(‘image/jpeg’,1.0); var doc = new jsPDF(‘landscape’); doc.addImage(imageData,’JPEG’,5,20,200,150); doc.save(‘Test.pdf’); } }); }); 它仅在第一页显示图像。 但每当html页面大小更多时，我想剪切图像数据并将其放在PDF格式的两页中。 请帮我解决这个问题。

使用html2canvas进行阿拉伯语编码

我使用html2canvas拍摄一个div的图像，内容来自同一页面，相同的域名，但它显示阿拉伯字母断开连接，似乎html2canvas不支持阿拉伯语。 当我在其网页上阅读有关它的可用详细信息时，我没有找到任何有用的信息。 这是我使用的简单代码： $(“#import”).click(function(){ // send the contents of the email 🙂 html2canvas(document.body, { onrendered: function(canvas) { document.body.appendChild(canvas); }, letterRendering:true }); }); 任何线索？