javascript - HTML5 从中心点旋转图像

标签 javascript html html5-canvas image-rotation

在尝试学习一些 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/

相关文章:

javascript - 使用模板时如何在 div 上添加可拖动功能

javascript - 提交按钮表单数据值未在 XMLHttpRequest 中发送

html - 如何在父 DIV 上显示子 DIV(绝对、隐藏)?

html5-canvas - 从不同的 Canvas 中提取图像并导出为单个 pdf

javascript - 任何人都可以使用 JavaScript 将文件上传到我的 Google Drive 公共(public)文件夹

javascript - 如何在某些条件下更改网格存储

javascript - 不缩放元素边框

javascript - 如何将 SVG 导出为 PNG 格式

html5-canvas - Chrome 的非法调用错误和关闭

javascript - onkeydown 不起作用,onblur 起作用