Question

我有问题，我喜欢下载充满地图的图像div内容。我喜欢有按钮，点击下载所有div内容与地图和加热。

问题是当我使用此示例下载时：

var element = $("#divMap"); // global variable
    var getCanvas; // global variable    
$("#btn-Preview-Image").on('click', function () {
            html2canvas(element, {
                onrendered: function (canvas) {
                    $("#previewImage").append(canvas);
                    getCanvas = canvas;
                }
            });

        });

        $("#btn-Convert-Html2Image").on('click', function () {
            var imgageData = getCanvas.toDataURL("image/png");
            // Now browser starts downloading it instead of just showing it
            var newData = imgageData.replace(/^data:image\/png/, "data:application/octet-stream");
            $("#btn-Convert-Html2Image").attr("download", "map.png").attr("href", newData);
        });

它只下载加热，谷歌的地图丢失了。我在link

中关注此示例

请帮忙:)

Answer 1

我建议转到http://www.w3schools.com/html/html_intro.asp以获得答案。您可以找到总变量信息和jquery来解决您的问题。

Answer 2

因为我看到当前处理程序的问题是它不能将地图识别为要保存到图像中的div的特定画布的一部分。说实话，因为你没有记录所有的代码，很难告诉你问题是什么或为什么这样做，但作为一个建议，你可以尝试一些替代方法来实现相同的最终目标。

其中一个是您使用的Html2Canvas，但不是按照给定链接中的示例转到文档：http://html2canvas.hertzen.com/examples.html

很少有其他堆栈溢出问题可能会为您提供所需的信息（1，2，3）

希望这有帮助！

Heatmap Div to Image下载

2 个答案: