Sco*_*ron 5 d3.js
这是一个简单的问题...我一直在成功使用d3.svg.line生成器,但我现在需要能够对整个行中的每个单独段进行更多控制.例如,每个段可能需要以不同方式着色.或者每个段甚至可能需要不同的厚度(逐渐变细或取决于相邻段的厚度).
我想知道实现这一目标的最佳工具是什么.我在想或者也许.或者甚至可能只是继续使用d3.svg.line,但每个段都是它自己的行.
寻找其他人使用这种丰富的线条渲染的经验......
mbo*_*ock 3
目前 D3 中没有这方面的设施,但有一个开放的功能请求,要求从 Protovis移植分段线。Protovis 的实现有点复杂,因为它需要计算相邻线段的斜角连接,但这绝对是可行的。SVG 2.0 可能包含获取描边路径轮廓的工具,这将消除在纯 JavaScript 中实现此功能的需要。
同时,您可以使用 SVG 的线元素或简单的二元素 d3.svg.line 来创建您自己的线段。默认的Stroke-lineCap属性会在不同角度的相邻线之间留下间隙;stroke-linecap: round;如果您希望它们重叠,则可以使用。
stroke-linecap: round;
归档时间:
13 年,5 月 前
查看次数:
1074 次
最近记录: