0

我有一些简单的 Flash 动画，我将它们转换为 HTML5 图像映射，它们会在<area>翻转时触发一些绘图。

问题是所有圆圈（代表翻转点）都作为闪光圆圈对象坐标提供给我。有问题的点是在从圆的最顶端和最左边的点开始的假想线的连接处形成的（由下图中的红色虚线标记）。

闪光圈坐标

但是要在 HTML5 中绘制我的圆圈（目前使用 raphael.js），我必须给出一个中心坐标：var c = paper.circle(x, y, radius).

因此，例如，如果我有一个高度和宽度为 19.80 的闪光圆对象 (532.20,30.35)（再次从假想线相交的点开始），我如何计算在其中心点绘制圆所需的值在画布上？

4

1 回答 1

2

您只需从 x 和 y 中减去半径：

x = x - radius;
y = y - radius;

在你的情况下：

radius = 19.8 * 0.5
x = 532.2 - radius;
y = 30.35 - radius;

这将在原始 x 和 y 处绘制圆心（它将圆向左和向上移动）。

如果您希望圆与原始圆处于有效相同的位置但必须移动坐标系，那么您可以添加半径。

于 2013-09-06T17:57:47.470 回答