热图 Div 到图像下载答案

【问题标题】：Heatmap Div to Image download热图 Div 到图像下载
【发布时间】：2016-10-29 20:28:32
【问题描述】：

我有问题，我喜欢下载为图像 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 开始遵循这个例子

请帮忙:)

【问题讨论】：

标签： jquery html image heatmap html2canvas

【解决方案1】：

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

【讨论】：

【解决方案2】：

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

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

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

希望这会有所帮助！

【讨论】：