不渲染.svg格式的html2canvas图像

html2canvas是一个用于将HTML元素转换为Canvas的JavaScript库，它通常用于截取和导出网页内容的图像。然而，html2canvas在默认情况下不支持渲染SVG格式的图像。

要解决这个问题，你可以使用一个名为canvg的JavaScript库，它可以将SVG转换为Canvas。以下是一个示例代码，演示如何使用html2canvas和canvg来渲染SVG格式的图像：

首先，确保你已经引入了html2canvas和canvg的JavaScript文件。

<!DOCTYPE html>
<html>
<head>
  <script src="html2canvas.js"></script>
  <script src="canvg.js"></script>
</head>
<body>
  <div id="svgContainer">
    <!-- 这里放置你的SVG代码 -->
    <svg xmlns="http://www.w3.org/2000/svg" width="200" height="200">
      <rect x="50" y="50" width="100" height="100" fill="red" />
    </svg>
  </div>

  <script>
    // 获取SVG元素
    var svgElement = document.querySelector("#svgContainer svg");

    // 创建一个Canvas元素
    var canvas = document.createElement("canvas");
    canvas.width = svgElement.width.baseVal.value;
    canvas.height = svgElement.height.baseVal.value;

    // 使用canvg将SVG转换为Canvas
    canvg(canvas, svgElement.outerHTML);

    // 使用html2canvas将Canvas转换为图像
    html2canvas(canvas).then(function (canvas) {
      // 将Canvas添加到页面中
      document.body.appendChild(canvas);
    });
  </script>
</body>
</html>

在上述示例中，我们首先获取SVG元素，并创建一个Canvas元素，大小与SVG元素相同。然后，使用canvg函数将SVG转换为Canvas。最后，使用html2canvas函数将Canvas转换为图像，并将其添加到页面中。

请确保你已经正确引入了html2canvas和canvg的JavaScript文件，并将SVG代码放置在svgContainer元素中。

这样，你就可以使用html2canvas和canvg来渲染和导出SVG格式的图像了。