Показать сообщение отдельно
  #1 (permalink)  
Старый 31.10.2016, 11:47
Профессор
Отправить личное сообщение для Rasy Посмотреть профиль Найти все сообщения от Rasy
 
Регистрация: 17.06.2016
Сообщений: 509

dom to image (edge)
Приветствую! Есть такая замечательная либа, которая позволяет делать скрины нужного объекта на странице. https://github.com/tsayen/dom-to-image. Проблема в том что она поддерживается в браузерах в которые завезли svg foreignObject tag и promise. То что либа не работает в ие и не будет в будущем - меня удручает. Про Edge ничего не сказано, да и в нем нужные технологии есть foreignObject, promise. Хоть foreignObject в edge не работает css фильтрами, мне это не нужно и в проекте не используется. В общем нужно подружить плагин с edge. У кого какие мысли?

<div id="domtoimg">Lorem ipsum dolor</div>
<script src="https://cdn.rawgit.com/tsayen/dom-to-image/master/src/dom-to-image.js"></script>
<script>
var node = document.getElementById('domtoimg');

domtoimage.toPng(node)
    .then(function (dataUrl) {
        var img = new Image();
        img.src = dataUrl;
        document.body.appendChild(img);
    })
    .catch(function (error) {
        console.error('oops, something went wrong!', error);
    });
</script>
Ответить с цитированием