y = mx + c格式的SVG行

Question

给定斜率和常数项或 格式，我想绘制一条SVG线。y=m*x +c

在SVG中有直接的方法还是间接的方法？

提前致谢。

Answer 1

该<line>标签仅支持开始和结束属性（x1、y1、x2、y2）。因此，您需要手动选择画布外的 x 坐标并使用y2= y1+ m( x2- x1)。

编辑

查看规范，可以根据需要转换单个元素：

<line ... transform="translate(x, y) rotate(theta)" />

哪里theta是顺时针旋转的角度，以度为单位。

所以你可以画一条从 (-10000, 0) 到 (10000, 0) 的长水平线，然后应用适当的旋转和平移来定位它：

<line x1="-10000" y1="0" x2="10000" y2="0" transform="translate(150, 200) rotate(-30)" />

将通过 (150, 200) 斜率 ?/6 弧度画一条（看似无穷无尽的）线。