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

Question

bounty到期在4天内。这个问题的答案有资格获得+ 50声望赏金。Jack Glow正在寻找来自信誉良好的来源的答案。

我正在使用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);
        });