在javascript中将SVG(包含动画)保存为无画布的PNG文件

// SVG代码
var svgCode = '<svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">' +
              '<rect x="0" y="0" width="200" height="200" fill="red">' +
              '<animate attributeName="fill" from="red" to="blue" dur="1s" repeatCount="indefinite" />' +
              '</rect>' +
              '</svg>';

// 插入SVG代码到div元素中
var div = document.createElement('div');
div.innerHTML = svgCode;
document.body.appendChild(div);

// 创建Canvas元素
var canvas = document.createElement('canvas');
canvas.width = 200;
canvas.height = 200;
canvas.style.display = 'none';
document.body.appendChild(canvas);

// 获取Canvas的2D上下文
var ctx = canvas.getContext('2d');

// 绘制SVG图像到Canvas
var DOMURL = window.URL || window.webkitURL || window;
var img = new Image();
var svgBlob = new Blob([svgCode], {type: 'image/svg+xml;charset=utf-8'});
var url = DOMURL.createObjectURL(svgBlob);

img.onload = function() {
  ctx.drawImage(img, 0, 0);
  var pngDataURL = canvas.toDataURL('image/png');
  console.log(pngDataURL);
  DOMURL.revokeObjectURL(pngDataURL);
};

img.src = url;