пакет dom-to-image не захватывает border-image

Question

Я использую пакет dom-to-image для захвата некоторых элементов с помощью border-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);
        });