如何将svg格式转换为png格式并保存到ie11中？

将SVG格式转换为PNG格式并保存到IE11中，可以通过以下步骤实现：

var xhr = new XMLHttpRequest();

xhr.open('GET', 'path/to/svg/file.svg', true);

xhr.onreadystatechange = function() {

 if (xhr.readyState === 4 && xhr.status === 200) {

   var svgContent = xhr.responseText;

   var canvas = document.getElementById('canvas');

   var ctx = canvas.getContext('2d');

   var DOMURL = window.URL || window.webkitURL || window;

   var img = new Image();

   img.onload = function() {

     ctx.drawImage(img, 0, 0);

     var pngDataUrl = canvas.toDataURL('image/png');

     // 保存PNG图像到IE11中

     if (window.navigator.msSaveBlob) {

       var blob = dataURLtoBlob(pngDataUrl);

       window.navigator.msSaveBlob(blob, 'image.png');

};

   img.src = 'data:image/svg+xml,' + encodeURIComponent(svgContent);

};

xhr.send();

function dataURLtoBlob(dataURL) {

 var arr = dataURL.split(',');

 var mime = arr[0].match(/:(.*?);/)[1];

 var bstr = atob(arr[1]);

 var n = bstr.length;

 var u8arr = new Uint8Array(n);

 while (n--) {

   u8arr[n] = bstr.charCodeAt(n);

 return new Blob([u8arr], { type: mime });

}

通过以上步骤，你可以将SVG格式转换为PNG格式，并将其保存到IE11中。

请注意，以上代码仅适用于将SVG转换为PNG并保存到IE11中。对于其他浏览器和场景，可能需要使用不同的方法和技术。

扫码

添加站长进交流群

领取专属 10元无门槛券

手把手带您无忧上云