使用html2canvas时，小册子地图多边形未在画布上显示

Question

这就是我正在做的事情，点击按钮并将我的页面主体绘制到画布

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

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

虽然有效，但地图显示时没有任何多边形

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()
});