Как исправить экспорт canvg в Internet Explorer? - PullRequest
Новая
       39

Как исправить экспорт canvg в Internet Explorer?

0 голосов
/ 25 июня 2019

Я пытаюсь экспортировать изображение с помощью canvg.Он отлично работает на Chrome и Firefox, но не на Internet Explorer, он меняется на изображение.С IE это также должно быть сохранено как файл SVG и экспортировано впоследствии.

Фрагмент, в котором выполняется действие: 

 const svg = document.getElementsByClassName("rtmchart")[0];
 const canvas = document.createElement('canvas');
 const data = new XMLSerializer().serializeToString(svg);
 const opts = { log: true, ignoreMouse: true, ignoreAnimation: true };
 canvg(canvas, data, opts);
 svgWrapper = $(svg);
 canvasWrapper = $(canvas);
 svgWrapper.hide();
 canvasWrapper.insertAfter(svgWrapper);

css / less: 

g.bb-region.forecast-region {
    fill-opacity: 1;
    fill: url(#forecastRegionFilter);
}
#forecastRegionFilter {
    rect {
        fill:skyblue;
        fill-opacity: 0.3;
    }
    line {
        stroke:black;
        stroke-width: 2px;
    }
}

Так выглядит экспорт в Chrome (так же, как и в оригинале).изображение):

enter image description here

А вот разбитое изображение, экспортированное с помощью IE:

enter image description here

Есть идеи, как решить эту проблему?

...