Javascript html2canvas未捕获图像

html2canvas.js未捕获图像。它会在图像出现的地方留下空白

function capture()
{
    html2canvas(document.body, {
        allowTaint: true,
        logging:true,
        onrendered: function(canvas) {
        imagestring = canvas.toDataURL("image/png");
        console.log(imagestring);
        document.body.appendChild(canvas);
        }
    });
}

我试了很多，但我找不到解决办法

---

非常感谢您的帮助：）

当我把它放在服务器上时，它就可以工作了。安全限制导致它失败。

您需要在html2canvas中添加以下选项

allowTaint: true
useCORS: true

---

你是想用HTML5/Canvas/JavaScript截图吗？我是在用html2canvas.js截图。请看这里：@Suchit Kumar。是的，我在做同一个例子。但是它只捕获文本而不是图像。尝试使用node静态托管您的站点，那么您的图像应该会通过，下面是一个使用node/express Hi@Karthikeyan静态托管您的站点的示例，我尝试过，但它没有捕获图像和一些svg元素Shi Rahul，您是否使用hml2canvas.js拍摄屏幕截图？您使用的是移动平台还是桌面平台？在服务器上托管之后，您有没有尝试过，比如wamp？我已经开发了一个使用nodejs和webrtc的应用程序电子学习系统。现在我必须在其中添加屏幕录制模块，所以为此我使用这个API。其中，他们使用html2canvas库对网页进行屏幕截图以记录屏幕。但在我的白板页面中，我使用的是svg元素。因此，当我使用这个API记录屏幕时，它只记录基本的html5元素，而不记录svg和svg元素中的图像。嗨，对不起，这是我的错误。它捕获img标记，但问题是它不捕获svg元素imageshtml2canvas.js不支持svg。请参阅html2canvas官方网站中的常见问题解答。另一种解决方案是，您可以将svg内容转换为图像并捕获。希望这种方法能奏效。