将度数转换为SVG坐标

时间:2012-12-14 16:17:30

标签: php jquery svg

我正在寻找一个PHP或jQuery函数来将度数转换为SVG等效坐标(如果有的话)以简化转换。

E.g:

90 degree = x1="0%" y1="0%" x2="100%" y2="0%"

180 = x1="0%" y1="0%" x2="0%" y2="100%"

等......这是个问题。我正在寻找一个函数来处理从0到360的任何度数转换为SVG坐标。

到目前为止,我正在调查http://keith-wood.name/svg.html和其他几个页面,但没有运气。

如果您确定不存在此类功能,那么简单的“否”也将非常有用。至少我将不得不停止寻找不存在的东西:)

非常感谢任何提示或参考。感谢。

更新: 作业参考:http://www.zahniser.net/~russell/computer/index.php?title=Angle%20and%20Coordinates

2 个答案:

答案 0 :(得分:3)

这是简单的几何形状。看一下单位圈http://en.wikipedia.org/wiki/Unit_circle

首先使用

将度数转换为弧度
radians = degrees * Pi / 180
x = cos(radians) // will give you the value of y fom -1 to 1
y = sin(radians) // will give you the value of x fom -1 to 1

它可以在我所知道的所有编程语言中使用,只需选择适合您的语法。

答案 1 :(得分:2)

我假设您正在使用<line>元素。您可以使用rotate属性<line> {{1}}指定的度数。这比手动计算值要简单得多。