将度数转换为 SVG 坐标答案

【问题标题】：Translating degrees to SVG coordinates将度数转换为 SVG 坐标
【发布时间】：2012-12-02 16:14:32
【问题描述】：

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

例如：

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

【问题讨论】：

搜索 kml 到 svg 的转换可能会更好。有一些方法可以做到这一点，但我没有通过 jquery 或在线看到过，但是您在计算机上本地运行的软件。但话又说回来，我从来没有真正看起来那么努力。
感谢您的提示。还在右侧搜索一些相关链接。

标签： php jquery svg

【解决方案1】：

这是简单的几何图形。看看单位圈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

它适用于我知道的所有编程语言，只需选择适合你的语法。

【讨论】：

谢谢，很好的提示。我真的很感激。

【解决方案2】：

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

【讨论】：