在尝试学习一些 HTML5 动画时,我遇到了这个问题:在尝试根据 Canvas 上的鼠标位置旋转图像时,旋转点位于左上角而不是图像中心。
根据有限的经验,我知道在 Flash 中可以选择更改图像的 anchor ,以便可能的旋转围绕中心点而不是某个 Angular 旋转。 JavaScript 中是否有类似的东西可以让我围绕其中心旋转加载的图像?
最佳答案
您可以使用 transform-origin
属性指定 (x
, y
) 旋转原点:
transform-origin: 50% 50%;
尽管目前这仍然主要需要 vendor 前缀:
-webkit-transform-origin: 50% 50%;
/* and others... */
关于javascript - HTML5 从中心点旋转图像,我们在Stack Overflow上找到一个类似的问题: https://stackoverflow.com/questions/12622625/