Приветствую! Есть такая замечательная либа, которая позволяет делать скрины нужного объекта на странице.
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>