javascript - 使用 html2canvas 时，传单 map 多边形未显示在 Canvas 上

Question

这就是我正在做的事情，单击按钮并将页面主体绘制到 Canvas 中

jQuery("#print").on("click", function() {
    myCapture();
});

function myCapture() {
  html2canvas(document.body, {
    allowTaint: true,
    useCORS: true,
    onrendered: function(canvas) {
      document.body.appendChild(canvas);
    }
  });
}

这可行，但 map 显示没有任何多边形

Answer 1

我通过告诉 leaflet to provide tiles as canvas 解决了这个问题而不是 svg

jQuery("#print").on("click", function() {
    myCapture();
});

function myCapture() {
  html2canvas(document.body, {
    allowTaint: true,
    useCORS: true,
    onrendered: function(canvas) {
      document.body.appendChild(canvas);
    }
  });
}

   var map = L.map('map', {
        renderer: L.canvas()
});