angular - Klarer ikke å laste ned SVG som PNG i IE

Jeg laget et diagram i d3. I henhold til mitt krav må jeg tillate nedlasting som PNG i alle nettlesere. Jeg bruker saveSvgAsPng.js for det.

saveSvgAsPng(document.getElementById("sample"), "sample.png", { width: '50%' });

Jeg kan laste det ned i Chrome og Firefox, men jeg kan ikke laste det ned i IE.

Når jeg sjekker konsollen, får jeg følgende feil:

Ukjent skrifttypeformat for https://fonts.googleapis.com/css?family=Karla; skrifttyper fungerer kanskje ikke korrekt

Gjengitte SVG-bilder kan ikke lastes ned i denne nettleseren.

Jeg vet ikke om jeg har gått glipp av noen parametere å sende inn.

Svar #1

I henhold til saveSvgAsPng GitHub

Internet Explorer vil bare fungere hvis canvg blir sendt inn, ellers vil det kaste en SecurityError når man kaller toDataURL på et lerret som har blitt skrevet til. [...]

Så du må inkludere skriptet ditt canvg og deretter sende det som en parameter

var svg = document.querySelector('sample');
saveSvgAsPng(svg, "sample.png", {canvg:window.canvg});