javascript - 如何提取完整的 Polymaps svg 字符串

Question

我正在尝试使用 canvg 将由 json 层组成的 Polymaps map 保存为图像文件，如所述 here .我遇到的问题是，当我尝试使用 XML 序列化程序构造 svg 字符串时，子元素的内容未包含在字符串中。这些元素是存储地理信息的地方，所以我的 svg 字符串不包含将 map 绘制到 Canvas 上的必要信息。

知道为什么会这样或如何在 svg 字符串中包含所有 svg 子元素吗？

Answer 1

一段时间后回到这个问题，我相信我已经解决了。

Polymaps 只允许您在“加载”和“显示”函数中访问包含地理信息(在我的例子中是从 json 文件上传)的 map 的“g”子元素。在“加载”或“显示”函数中遍历最后一个 map 功能时，向上移动 svg DOM(在我的例子中为 feature.parentNode.parentNode.parentNode.parentNode)。然后使用 XML 序列化程序提取字符串。如果您想在提取的字符串中完全保留 map 样式，则必须将 CSS map 样式转换为内联样式。