Question

我尝试使用html2canvas js创建Google Map到图像，但无法正常工作。我在控制台上收到错误消息，因为“元素未附加到文档”。

我尝试了js的多种功能来创建画布，但似乎没有任何作用。

我已经从画布上创建了图像，因此，如果我可以将地图创建到画布中，这也将有所帮助。

此处“ #closest_map”是生成的Google地图。 PLz仔细阅读我的摘录，并提出问题所在。

<html>

<head></head>

<body>
  <script>
    ///all the below snippets givs the same result
    var element = $("#closest_map");
    html2canvas(element, {
      useCORS: true,
      onrendered: function(canvas) {
        var dataUrl = canvas.toDataURL("image/png");
        document.write('<img src="' + dataUrl + '"/>');
      }
    });

    html2canvas($('#closest_map').get(0)).then(function(canvas) {
      var base64encodedstring = canvas.toDataURL("image/jpeg", 1);
      $('#img').attr('src', base64encodedstring);
    });
  </script>
</body>

</html>

更新我可以使用html2canvas 4.0 js版本创建图像，但是现在圆形的标记无法呈现出完美的圆形。如果使用比5.0稍高的JS，我会得到完美的圆圈，但地图不会显示。只是一个带有我标记的米色方块。

无法创建谷歌地图的图像

0 个答案: