如何使用d3.js路径生成器绘制曲线和直线?

时间:2015-02-28 20:33:22

标签: javascript html svg d3.js

我正在尝试使用d3路径生成器绘制温度计形状,而不是在HTML中对其进行硬编码。我已经能够使用d3路径生成器绘制直线曲线,但我需要能够做到这两个以获得此形状。这是我用HTML编写的硬编码。

<path d ="  M 50,35 
                    L 50,400
                    A 50 50, 0, 1, 0, 95 400
                    L 95,35
                    A 25 25, 0, 0, 0, 50 35" />

1 个答案:

答案 0 :(得分:0)

我可以通过将transformscale()一起使用来实现目标。

if(size=="small")
     shape.attr('transform', "scale(.5)");
else if(size=="large")
     shape.attr('transform', "scale(2)");

谢谢Lars Kotthoff给出答案。