首页 文章

如何使用html2canvas获取图像的屏幕截图？

提问于
浏览 次
1

我试图使用html2canvas保存图像的屏幕截图 . 以下是我的代码：

var a = document.getElementById('a2')
        html2canvas(document.getElementById('a1'), {
            onrendered: function(canvas) {
            var img = canvas.toDataURL("image/jpeg");
            window.open(img);
                    }
        }

但是，代码正在保存本 Map 像的屏幕截图 . 但对于来自外部来源的图像如：http://europa.promaticstechnologies.com/QuotePic/img/QuotePro/bg1.jpg给我黑色截图 . 请协助 .

javascript canvas html2canvas

1 回答

  • 0

    要使用外部域中的图像，您可能希望使用crossOrigin属性和当前日期作为src属性的参数 .

    例如

    var image = document.createElement('img');
image.onload = function () {
// onload callback
}
image.setAttribute('crossOrigin', '');
image.src = url + '?' + new Date().getTime();

    有关详细信息，请查看this .

    回复于

相关问题