我试着用html2canvas在我的react应用程序中截取某些组件的屏幕,当我截取屏幕时,但无论我尝试了什么,图像都是空白的。
这就是我的屏幕截图按钮的onclick侦听器中的代码。
const help = document.querySelector("#help");
html2canvas(help).then((canvas) => {
console.log(help, canvas);
const a = document.createElement("a");
a.href = canvas.toDataURL("image/png");
a.download = "help.png";
a.click();
});
这就是#help元素包含的内容。
<ul id="help">
<li>Lorem</li>
<li>lorem</li>
<li>lorem</li>
<li>lorem</li>
</ul>
console.log语句显示在queryselector中选择了正确的元素。我甚至试着从我在这里看到的其他答案中改变一些领域,比如AllowPaint、backgroundcolor、foreignobjectrendering、usecors,但这些似乎都不适合我。也尝试过,如果删除所有自定义css可能会有所帮助,但即使这样,它也不起作用。将logging设置为true也没有给我任何输出,所以我对从这里开始的工作几乎一无所知。
暂无答案!
目前还没有任何答案,快来回答吧!