html2canvas提供空白图像

iibxawm4  于 2021-09-13  发布在  Java
关注(0)|答案(0)|浏览(285)

我试着用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也没有给我任何输出,所以我对从这里开始的工作几乎一无所知。

暂无答案!

目前还没有任何答案,快来回答吧!

相关问题