将度数转换为SVG坐标

4
我正在寻找一个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

1
你可能会更幸运地搜索kml到svg的转换。有一些方法可以做到这一点,但我没有看到过通过jquery或在线实现的方法,而是需要在本地计算机上运行软件。但再说一遍,我从来没有真正努力去找过。 - Duniyadnd
谢谢提示。仍在寻找右侧的一些相关链接。 - swan
2个回答

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

我知道的所有编程语言都支持这种语法,只需选择适合你的语法。


谢谢,好提示。我非常感激。 - swan

2

我假设你正在使用<line>元素。你可以使用transform属性按指定角度rotate<line>。这比手动计算值要简单得多。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接