SVG 是使用 XML 来描述二维图形和绘图程序的语言，在实际工作中，Java人员也会碰到将json数据转化为svg的，可是作为新手java转化数据还是有难度的，那么接下来，我们就来给大家讲解一下将json数据转化为svg的方法。
您可以使用 d3.js库.以下代码片段将完成此工作：
在您的html文件中包含d3.js
<script src="files/d3.v3.min.js"></script>
假设你的html文件中带有id map的div：
<div id="map"></div>
以下js代码将添加地图到您的div地图. geoJsonObj是你的geojson.
var svg = d3.select("#map").append("svg")
.attr("width",width)
.attr("height",height);
svg.append("g")
.selectAll("path")
.data(geoJsonObj.features)
.enter().append("path")
.attr("d",path);要查看一个工作示例,请转到here.请注意,该示例使用topojson作为.data()属性的输入.
svg是什么?
SVG 指可伸缩矢量图形 (Scalable Vector Graphics);
SVG 用来定义用于网络的基于矢量的图形
SVG 使用 XML 格式定义图形;
SVG 图像在放大或改变尺寸的情况下其图形质量不会有所损失;
SVG 是万维网联盟的标准;
SVG 与诸如 DOM 和 XSL 之类的 W3C 标准是一个整体;
SVG 的历史和优势：
在 2003 年一月，SVG 1.1 被确立为 W3C 标准。参与定义 SVG 的组织有：Sun公司(已被Oracle公司收购)、Adobe、苹果公司、IBM 以及柯达。与其他图像格式相比，使用 SVG 的优势在于：
SVG 可被非常多的工具读取和修改(比如记事本);
SVG 与 JPEG 和 GIF 图像比起来，尺寸更小，且可压缩性更强。
SVG 是可伸缩的;
SVG 图像可在任何的分辨率下被高质量地打印;
SVG 可在图像质量不下降的情况下被放大;
SVG 图像中的文本是可选的，同时也是可搜索的(很适合制作地图);
SVG 可以与 Java 技术一起运行;
SVG 是开放的标准;
SVG 文件是纯粹的 XML;
SVG 的主要竞争者是 Flash。
与 Flash 相比，SVG 最大的优势是与其他标准(比如 XSL 和 DOM)相兼容。而 Flash 则是未开源的私有技术。
将json数据转化为svg方法很简单，只要按照以上的方法来就可以，另外，SVG图像可以用任何文本编辑器创建，但它往往是与一个绘图程序一起使用，这样更方便地创建SVG图像。最后大家如果想要了解更多json工具教程知识，敬请关注奇Q工具网。
推荐阅读：