dom-to-image 包未捕获边框图像

Question

我正在使用 dom-to-image 包来捕获一些带有边框图像的元素，并且除了边框图像之外的所有内容都被捕获。请在下面找到我的代码：

domtoimage.toPng(document.getElementById("item_preview")).then(function (dataUrl) {
        var img = new Image();
        img.src = dataUrl;
        document.body.appendChild(img);
    }).catch(function (error) {
        console.error('oops, something went wrong!', error);
    });

Answer 1

图像边框可以用 css 生成，在转换过程中丢失，尝试在转换后添加样式

domtoimage.toPng(document.getElementById("item_preview")).then(function (dataUrl) {
            var img = new Image();
            img.src = dataUrl;
            //img.style.border = "1px solid black"; // <-- Custom Border or:
            img.style.border = document.getElementById("item_preview").style.border;
            document.body.appendChild(img);
        }).catch(function (error) {
            console.error('oops, something went wrong!', error);
        });