如何解释raphael中的SVG <line>？</line>

Question

我一直在插画家中制作一些插图，获取他们的SVG代码并使用raphael.js在屏幕上绘制它们以制作动画并在以后添加交互性。 谈到简单的形状和路径，这一切都很好。 Path（），ellipse（）和rec（）工作正常。但是当我看到提供x1，y1，x2和y2的<line>元素时，我的SVG XML文件中有实例。我不知道我应该如何在raphael中插入它并将其绘制到屏幕上。

有什么想法吗？

Answer 1

在拉斐尔你应该把线转换成路径，这很简单......

paper.path( [ "M", x1, y1, "L", x2, y2 ] );

或者，如果您只想对值进行硬编码：

paper.path("M 10,10 L 30,30");