d3第4版添加了对Canvas的支持,在d3.shape包中的每一个形状都可以直接绘制在Canvas上,可以很方便地将SVG的代码应用到Canvas上。
在Canvas与SVG中绘制路径的代码示例如下:
// 假定页面中存在ID为canvas的canvas元素
var canvas = document.getElementById('canvas'),
svgCtx = d3.select('#svgCanvas'),
// 获取canvas的上下文
canvasCtx = canvas.getContext('2d'),
datas = [[10, 10],[50, 10], [100, 60], [150, 15], [200, 55