js代码如下

(function (global) {
    global.svgToPng = function (svgHtml) {
        this.svgHtml = svgHtml;
    global.svgToPng.prototype = {
        change:function (filename) {
            var This = this;
                ['version', 1.1],
                ['xmlns', "http://www.w3.org/2000/svg"],
            ].forEach(function(item){
                This.svgHtml.setAttribute(item[0], item[1]);
            var str = This.svgHtml.parentNode.innerHTML;
            //2.生成img
            var img = document.createElement('img');
            img.onload = function(){
                //3生成canvas
                var canvas = document.createElement('canvas');
                var context = canvas.getContext("2d");
                canvas.width = img.width;
                canvas.height = img.height;
                context.drawImage(img, 0, 0);
                var canvasData = canvas.toDataURL("image/png");
                var img2 = document.createElement('img');
                img2.onload = function () {
                    console.log('change2');
                    var a = document.createElement("a");
                    a.download = filename + ".png";
                    a.href = img2.getAttribute('src');
                    a.click();
                // Make pngImg's source the canvas data.
                img2.setAttribute('src', canvasData);
            // Make the new img's source an SVG image.
            img.setAttribute('src', 'data:image/svg+xml;base64,'+ btoa(unescape(encodeURIComponent(str))));
}(this));

总的思路就是将svg先转为canvas，然后在转为png下载。具体的步骤原理我也不清楚，借鉴别人代码改来的O(∩_∩)O哈哈~。

注意：svg元素要用一个标记套着，不然不会执行下载

等会在做一个html转png。。。。。。

同时，在上述文中提到的优速图片格式 转 换器，大家可以 下载 安装一下，便于后续其他格式的 转 换。大家根据实际需要，参考并学习下文的几种方法吧，每个方法都有详细的图文步骤介绍，目的就是方便大家能在最短的时间内学会和掌握，大家可以按照详细的示范步骤操作一下。在这里需要说明的是，这个 转 换网站都是英文的，我们需要按照自身需求选择合适自己的 转 换工具，避免出现 转 换失误等情况。步骤2、在“格式 转 换”中，我们需要将 转 换的文件进行上传，通过“添加文件”或者是文件拖拽的方式上传。在文件上传的过程中，我们需要保护好文件隐私和安全。 * 将 svg 导出 成 图片 * @param node svg 节点 => document.querySelector(' svg ') * @param name 生 成 的图片名称 * @param width 生 成 的图片宽度 * @param height 生 成 的图片高度 * @param type 生 成 的图片类型 export const covert SVG 2Ima... SVG 提供了沿任意路径绘制文本的功能，我需要在我的Chord Snip附加组件中执行此操作，但我没有任何方法可以获取生 成 的 SVG 并创建一个图像，Google Sheets 可以将其用作嵌入图像。 理想情况下，我想使用浏览器来呈现 SVG 而不是 canv 以上就是 svg 转 换 png ， svg 转 png 格式步骤分享了，经常使用图片会遇到各种格式，小伙伴们如果遇到打不开的图片格式，或是那种图片格式的缺点特别明显，就可以利用本文所介绍的方法 转 换 成 为常用格式jpg或者 png 来使用，无需寻求其他的办法了，为大家减少麻烦。文件上传 成 功后，在软件右侧的格式下拉框中，将 转 化后的图片格式设置为 png 即可。步骤四、为了确认最后的 转 换效果，我们将 转 换后的图片格式与上传时的图片格式进行对比，如图所示，发现软件 成 功的将我们上传的 svg 格式的文件 转 换 成 需要的 png 格式，这样看来， 转 换 成 功。