保存图像时 html2canvas 加载问题
html2canvas loading issue when saving the image
我正在使用以下代码使用 html2canvas 将 div 的内容(图像和文本)保存为图像。
$(function() {
$("#save").click(function() {
var flag = true;
var imgpath = document.getElementById('file').value;
if(imgpath.length == 0)
{
alert('Please select image file to upload.');
flag = false;
}
else
{
html2canvas($('.body740'), {
onrendered: function(canvas) {
theCanvas = canvas;
var url = canvas.toDataURL("image/png");
var br = document.createElement("br");
var center = document.createElement("center");
var newImg = document.createElement("img"); // create img tag
newImg.src = url;
$(".body740").hide();
$("#canvas").show(); //div where the final image is shown
document.getElementById("rsimg").src=url;
document.getElementById("rsa").href=url;
}
});
}
});
});
这是我的 link : http://www.aamras.com/greetings2/
但是,当我点击保存图像按钮时,生成图像需要很长时间。为什么加载要花这么多时间?有什么问题?
已解决:更改html2cannvas的版本。我之前用的是html2canvas 0.5.0-alpha 2014版
我切换到 html2canvas 0.5.0-alpha1。它可以正确生成图像,并且不需要花时间。您可以从 https://github.com/niklasvh/html2canvas/releases
下载文件
我正在使用以下代码使用 html2canvas 将 div 的内容(图像和文本)保存为图像。
$(function() {
$("#save").click(function() {
var flag = true;
var imgpath = document.getElementById('file').value;
if(imgpath.length == 0)
{
alert('Please select image file to upload.');
flag = false;
}
else
{
html2canvas($('.body740'), {
onrendered: function(canvas) {
theCanvas = canvas;
var url = canvas.toDataURL("image/png");
var br = document.createElement("br");
var center = document.createElement("center");
var newImg = document.createElement("img"); // create img tag
newImg.src = url;
$(".body740").hide();
$("#canvas").show(); //div where the final image is shown
document.getElementById("rsimg").src=url;
document.getElementById("rsa").href=url;
}
});
}
});
});
这是我的 link : http://www.aamras.com/greetings2/
但是,当我点击保存图像按钮时,生成图像需要很长时间。为什么加载要花这么多时间?有什么问题?
已解决:更改html2cannvas的版本。我之前用的是html2canvas 0.5.0-alpha 2014版 我切换到 html2canvas 0.5.0-alpha1。它可以正确生成图像,并且不需要花时间。您可以从 https://github.com/niklasvh/html2canvas/releases
下载文件