D3.js path.toString()函数介绍

D3.js是一个常用的数据可视化库，在其中的path对象中，提供了toString()函数来将SVG路径转换成字符串。

函数定义

toString()函数的定义如下：

path.toString()

返回一个表示当前SVG路径的字符串。

函数特点

• 将SVG路径转换成字符串。
• 返回的字符串可以用于一些需要SVG路径的应用场景，如下载svg图片。

使用示例

示例一：

var path = d3.path();
path.moveTo(0, 0); //移动到点 (0, 0)
path.lineTo(100, 50); //从当前点(0, 0)到点(100, 50)划一条直线
console.log(path.toString());

返回结果为：

M0,0L100,50

示例二：

var path = d3.path();
path.moveTo(0, 0);
path.lineTo(100, 50);
path.quadraticCurveTo(50, 200, 0, 0);
console.log(path.toString());

返回结果为：

M0,0L100,50Q50,200,0,0

总结

D3.js中的path.toString()函数可以方便地将SVG路径转换成字符串，这一特性很有用，可以为一些需要SVG路径的应用场景提供帮助，使用也很简单，将所绘制的路径存储在path对象中，然后调用toString()函数即可。