Question

我有一个包含多个路径的json文件

Json文件

{
    "paths": {
        "path1": {
            "name": "PathName1",
            "path": "m 411.42,469.19 -0.98 ... z",
        },
        "path2": {
            "name": "PathName2",
            "path": "m 396.03,243.46 1.48,0.11 0,0 -0.01,0.47 -0.95,1.45 ... z",
        }
    }
}

我想使用d3从这个Json文件创建一个svg，但我不知道如何使用我的路径

var svg = d3.select('#map').append("svg")
    .attr("id", "svg")
    .attr("width", 500)
    .attr("height", 500);


d3.json("urlToJsonFile", function(req, data) {
    // how can I show my paths ?
}

Answer 1

如果您有多个路径，并且想要全部绘制它们，您可能希望将JSON数据解析为集合以使用data（）/ enter（）/ exit（）连接（或在循环中处理它们或使用它们）其他一些优化技术）。

要使用您提供的JSON结构中的数据，您可以路径对象，将每个“路径”对象绑定为“基准”，并将路径数据传递给其“d”属性。这将绘制您的一条路径：

presentingViewController?.presentingViewController?.dismissViewControllerAnimated(true, completion: nil)

尝试一下：JSFiddle

d3从JSON路径创建svg

1 个答案: