2

我想旋转一张图片，就像鼓膜的色板一样工作。
但我宁愿不使用，et CSS 3，因为前面的链接需要。
我宁愿在 js 上进行所有旋转，每个实例都使用JQueryRotate，除了以图像为中心的旋转点之外，这很棒。

而不是指出一个库，我想学习一个很好的图像旋转方法，特别是如何改变旋转的点，在那个方法中，所以我可以实现我的色板效果想。

但如果你知道有一个图书馆可以做到这一点，我也会非常喜欢它。

谢谢

编辑：

在写这个问题时，我意识到了一些事情。我可以放大该图像的持有人。虽然不是很明亮也不是很优雅，或者很好，但它是一个开始。我要检查x3ro提出的建议：图像旋转算法

html片段：

<script type="text/javascript" src="http://jqueryrotate.googlecode.com/svn/trunk/jQueryRotate.js"></script>
<div id="dvImg" style="position:relative;border: 1px solid black;">
    <img src="https://www.google.com/images/srpr/logo3w.png" id="image" style="position:absolute;top:0;left:12px;margin:auto;border: 1px solid black;">
<div>

js片段：

$("#dvImg").width($("#image").width()*2);
$("#dvImg").height($("#image").height()*2);
$("#image").css({ left: $("#image").width() + "px", top: $("#image").height()});

$("#image").mouseover(function() {
    $("#dvImg").rotate({animateTo:90});
});
4

1 回答 1

3

如果你想自己做旋转，看看这个问题：图像旋转算法。当然，它不是 JavaScript 特定的解释，但它应该或多或少容易地转换为基于画布的解决方案。我还没有看过 jQueryRotate 实现，但它可能也值得研究。

也就是说，可能没有关于“如何使用左下角的枢轴点旋转图像”的 JavaScript 特定教程：D

正如@Jasper 所指出的那样，很高兴知道虽然canvasIE9 之前的IE 版本不支持它本身，但即使在早期版本中，也有一些方法和方法可以获取（大部分）画布API，正如ExplorerCanvas所展示的那样.

于 2012-11-01T14:48:27.327 回答