Листовой круг не сохраняется на холсте image

Question

Я использую карту листов и создаю радиус круга буклета для 10,20 и 30 км. созданный круг, но я попытался сохранить изображение для функции html2canvas. поэтому карта листовка (маркер) сохраняется только, но круг не сохраняет изображение холста.

листовка функция круг:

circle3 = L.circle(pointA, (30 * 1000), { color: 'red', fillOpacity: 0.07 ,fill:false,weight: 2}); 
    circle2 = L.circle(pointA, (20 * 1000), { color: 'green', fillOpacity: 0.07 ,fill:false,weight: 2}); 
    circle1 = L.circle(pointA, (10 * 1000), { color: 'blue', fillOpacity: 0.07 ,fill:false,weight: 2}); 

    circles.addLayer(circle3); 
    circles.addLayer(circle2); 
    circles.addLayer(circle1); 
    map.addLayer(circles); 

html2canvas функция:

html2canvas($('#map'), { 
      allowTaint : false, 
      logging : true, 
      taintTest: false, 
      useCORS: true, 
      onrendered: function(canvas) { 

      // canvas is the final rendered <canvas> element 
      dataURL = canvas.toDataURL("image/png"); 

      //map.panBy([100, 100]); 

      var dimensions = map.getSize(); 
      img.width = dimensions.x; 
      img.height = dimensions.y; 
      img.src = canvas.toDataURL(); 
      sample3.innerHTML = ''; 
      sample3.appendChild(img); 
     } 
     }); 

Пожалуйста, помогите мне. Спасибо ...

Answer 1

Следует отметить, что html2canvas не может преобразовать SVG самостоятельно.

Прежде чем загружать листок, попробуйте установить глобальный переключатель L_PREFER_CANVAS, чтобы ваши круги отображались непосредственно как холст вместо SVG. Тогда html2canvas должен иметь возможность их использовать.

В противном случае вы можете попытаться найти другие сообщения о преобразовании SVG в холст перед применением html2canvas.