用户在尝试使用html2canvas库为ID为'outfit'的元素生成截图时遇到问题。截图始终显示为空白。代码中设置了特定的画布尺寸并尝试将图像导出为jpg，但即使更改了某些数值，问题依然存在。用户寻求解决方案。
我试图让图像的截图，以紫红色线(所以下面的标题为“今天的衣服”的权利(截图)。html2canvas截图一直出现如下图所示的空白
我使用html2canvas要做到这一点，但每次我点击“快照”按钮，我不断收到一个空白屏幕截图
这是我的HTML：
这里是我的javascript：
var takeScreenShot = function() {
html2canvas(document.getElementById("outfit"), {
onrendered: function (canvas) {
var tempcanvas=document.createElement('canvas');
tempcanvas.width=465.5;
tempcanvas.height=524;
var context=tempcanvas.getContext('2d');
context.drawImage(canvas,465.5,40,465.5,524,0,0,465.5,524);
var link=document.createElement("a");
link.href=tempcanvas.toDataURL('image/jpg'); //function blocks CORS
link.download = 'screenshot.jpg';
link.click();
}
});
}
有谁知道为什么快照不工作或者我该如何解决？谢谢。
+0
465.5 ..您是否尝试过使用整数代替？我不认为你会有半像素的运气。 –
+0
您是否尝试过输出返回到渲染回调而不是临时画布的画布？只是为了确保它是预期的。 –
+0
我试图用465s替换所有的465.5s，但我仍然得到空白的截图。 –
扫一扫
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
