我使用html2canvas库从特定的div生成图像,其中包含用户插入的信息
$('#generate').on('click', function(event){
event.preventDefault();
var x=document.getElementById("signature");
html2canvas(x).then(function(canvas) {
var data = canvas.toDataURL();
$('#image').fadeIn(200).attr('src', data);
});
});
在Windows上,生成的画布看起来很好。但是在Firefox上,画布中的徽标图像和html文本看起来非常模糊。
更新
如果我用document.body
更改var x,画布看起来会更好。但我只需要具体的部门。
发布于 2015-02-23 09:06:00
当其中一种方法是异步的时,链式方法可能会很混乱。试试这个:
html2canvas(x).then(function(canvas) {
var data = canvas.toDataURL();
$('#image').attr('src', data);
$('#image').fadeIn(200);
});
发布于 2015-08-24 11:43:04
也经历过这样的问题:通过禁用图像平滑(也请参阅disabling imageSmoothingEnabled by default on multiple canvases)来解决。
https://stackoverflow.com/questions/28678986
复制相似问题