我正在尝试使用html2canvas截取屏幕截图:
var body = document.getElementById("body")
$(body).html2canvas({onrendered: function( canvas ) {
var urlData = canvas.toDataURL("image/jpeg");
}});
Run Code Online (Sandbox Code Playgroud)
我的身体背景是透明的,因此urlData因为jpeg有黑色背景(不像浏览器中的白色).
在这种情况下,如何修复此行为并使背景颜色变为白色?
我发现这个https://jsfiddle.net/8ypxW/3/,我想知道如何将图像下载到桌面.我只看到保存png但没有下载,如果有可能你能给我脚本吗?
$(function() {
$("#btnSave").click(function() {
html2canvas($("#widget"), {
onrendered: function(canvas) {
theCanvas = canvas;
document.body.appendChild(canvas);
// Convert and download as image
Canvas2Image.saveAsPNG(canvas);
$("#img-out").append(canvas);
// Clean up
//document.body.removeChild(canvas);
}
});
});
});
Run Code Online (Sandbox Code Playgroud)