SVG行以y = mx c格式表示

我想在给定斜率和常数项或y = m * x c格式的情况下绘制SVG线.

有没有直接的方法在SVG或间接方式这样做?

提前致谢.

最佳答案 < line> tag仅支持start和end属性(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弧度.

点赞