Geometry 旋转圆图像会使其移动'；s位置

我正在尝试使用jqueryrotate插件旋转一个圆形图像。但是，我观察到圆形图像在旋转时似乎围绕其中心摆动。有点像直线运动

在IE7中，它几乎可以观察到。在Chrome/Firefox中，如果放大一点，可以观察到这种抖动问题

我也尝试使用Raphael库旋转图像。但是，圆圈仍然在摇晃

然后我用一个c#程序旋转图像，看看问题是否出在浏览器的图形引擎上。但即使在这里，也观察到了这个问题。我甚至拍了各种各样的照片来看看这个圆圈是否有缺陷。但是，所有的图像都显示了这种行为

这种情况会因为抗锯齿而发生吗？或者，这只是一种视觉错觉

如果不是，那还有什么原因呢

---

我正在使用jqueryrotate插件旋转方法来实现这一点<代码>$（'#circleimg'）。旋转（位置）

检查此JSFIDLE。顺便说一句，这是一种源代码，你可以在你的问题中包含你自己，让别人更容易回答

我使用了rotate插件，因为您没有指定使用哪个插件

HTML

<img id="circleimg" src="http://i.imgur.com/KgUDClr.png">
&nbsp;
<img id="circleimg2" src="http://i.imgur.com/sK4qP6z.png">

我认为你提供的圆实际上不是一个完美的圆，因此你会看到微小的“振荡”

我添加了另一个我自己绘制的圆圈。如果你放大的足够近，你会看到锯齿状的像素围绕着我的圆圈的边缘移动，但是我看不到任何方法可以解决这个问题，因为jQuery插件实际上并没有重新渲染图像。在我的圈子里，我没有看到你提到的任何“振荡”

---

这个问题更多的是关于矢量艺术，而不是关于编程。得到一个很好的矢量图形程序，并渲染出最好的圆。即使是我做的也不是很好。或者使用HTML5和画布动态绘制，而不是移动静态图像。

检查此JSFIDLE。顺便说一句，这是一种源代码，你可以在你的问题中包含你自己，让别人更容易回答

我使用了rotate插件，因为您没有指定使用哪个插件

HTML

<img id="circleimg" src="http://i.imgur.com/KgUDClr.png">
&nbsp;
<img id="circleimg2" src="http://i.imgur.com/sK4qP6z.png">

我认为你提供的圆实际上不是一个完美的圆，因此你会看到微小的“振荡”

我添加了另一个我自己绘制的圆圈。如果你放大的足够近，你会看到锯齿状的像素围绕着我的圆圈的边缘移动，但是我看不到任何方法可以解决这个问题，因为jQuery插件实际上并没有重新渲染图像。在我的圈子里，我没有看到你提到的任何“振荡”

---

这个问题更多的是关于矢量艺术，而不是关于编程。得到一个很好的矢量图形程序，并渲染出最好的圆。即使是我做的也不是很好。或者使用HTML5和画布动态绘制，而不是移动静态图像。

为什么不向我们展示一些代码和图片？很抱歉，我无法添加图像，因为我没有足够的信誉点。图像是一个圆圈，半径上只有一条线，以便捕捉位置。请尝试将图像放在imgur.com上，并在您的帖子中包含链接，如果需要，甚至可以使用纯文本。不确定你需要多少代表来发布一张图片，但这里有几点：：-）嗨，非常感谢。。。我已经在imagur中上传了图像：我需要10个信誉点才能上传到这里..：（你为什么不给我们看一些代码和图片？很抱歉，我无法添加图像，因为我没有足够的声誉点数。图像是一个圆圈，沿半径只有一条线，以便捕捉位置。尝试将图像放在imgur.com上，并在你的帖子中包含链接，如果需要，即使是纯文本。不确定你有多大的代表性。）我需要发布一张图片，但这里有几点：-）嗨，非常感谢。。。我已经在imagur中上传了图像：我需要10个信誉点才能上传到这里..：（非常感谢..我已经提到我在使用jQuery rotate插件。不管怎样，正如你所说，问题不在库中。反走样实际上是导致问题的原因。我通过使用paint.net关闭反走样来使用图像，抖动问题不再存在了！不过，圆圈看起来沿着边界被啃掉了没有问题。还有不止一个“jQuery rotate plugin”（jQuery rotate plugin），这也是我指定使用哪一个（猜测您使用哪一个）链接的原因。：-）我仍然不确定是否可以使用预渲染图像，因为图像是为显示器上的垂直/水平网格渲染的，而该网格不会随图像旋转。如果您不喜欢使用HTML画布绘图，也许您可以只旋转线条的图像，覆盖在不旋转的圆上？如果它解决了你的问题，请考虑接受这个答案。下面是我上面描述的一些方法。（）没有摇晃，没有“啃掉”的表情。当然，现在还不是100%的明显整个圆圈都在移动。。。但这是边界在所有角度上呈现完全相同的副作用。：-）嗨，111，非常感谢。不幸的是，这个解决方案对我不起作用，因为我需要另一个图像来旋转并显示在圆上方。因为我们支持IE7，所以我们不能这样做，因为IE7不支持旋转重叠图像。无论如何，我减少了抗锯齿，并调整了边框宽度。现在，它看起来好多了。：）谢谢。。我已经提到我正在使用jQuery旋转插件。不管怎样，正如你所说，问题不在于图书馆。反走样实际上是造成问题的原因。我通过使用paint.net关闭抗锯齿来使用图像，抖动问题不再存在！尽管如此，圆圈看起来沿着边界被啃掉了——没问题。还有不止一个“jQuery旋转插件”，这也是为什么我用一个链接指定了我使用的插件（猜测您使用的插件）：-）我仍然不确定是否有可能使用