javascript - 如何将 x,y 坐标转换为 Angular ？

Question

Microsoft 提供了出色的 SVG gradient maker所以 IE9 也可以有“CSS3”渐变(点击自定义)。

我目前将他们的逻辑用于我的 Fireworks和 Dreamweaver将渐变转换为 SVG 的扩展，但我只知道如何针对标准的顶部、底部、左侧、右侧方向执行此操作。如果您输入 Angular ，我不会进行转换，因为我不确定如何将 x1、x2、y1、y2 转换为 CSS3 Angular 。

梯度生成器提供这样的值:x1="0%"y1="0%"x2="56.262833675564686%"y2="68.29999651227678%"

我不太擅长数学或三 Angular 函数，有人可以帮我吗？如果可能的话，我还想在 Sass mixin 中使用相同的数学来做类似的事情。

Answer 1

如果您从坐标中得到 deltaX 和 deltaY 那么 Math.atan2返回其参数的商的反正切。返回值以弧度为单位。

var deltaX = x2 - x1;
var deltaY = y2 - y1;
var rad = Math.atan2(deltaY, deltaX); // In radians

然后您可以像这样简单地将它转换为度数:

var deg = rad * (180 / Math.PI)

编辑

我最初的回答有一些错误。我相信更新后的答案会解决所有错误。如果您认为这里有问题，请在这里评论。