Question

我有一个图像标签，我想使用html2canvas在base64中进行转换，以将其添加到pdfMaker：

<img id="logo" src="../logo.png">

图像正确显示。

我写了这段代码来转换图像：

var image = new Image();
image.src = $('#logo').attr('src');

var canvas = document.createElement('canvas');
var context = canvas.getContext('2d');

image.onload = function () {
    context.drawImage(image, 300, 300);

    html2canvas(canvas, {
        onrendered: function (canvas) {
            var img = canvas.toDataURL();
            console.log(img);


            var dd = {
                content: [
                    {
                        image: img
                        //width: 200
                    }
                ]
            };

            pdfMake.createPdf(dd).open();
        }
    });
}

问题是我得到了

数据：

来自console.log(img);

和pdfMaker生成以下错误：

错误：无效的图像：错误：在虚拟文件系统中找不到文件“数据：” 图片字典应包含dataURL条目（或node.js中的本地文件路径）

那是因为base64失败了

toDataURL不返回任何内容

0 个答案: