在不使用CSS3的情况下绕左下角旋转
在不使用CSS3的情况下绕左下角旋转
提问于 2012-11-01 06:41:01
我想旋转一张图片，它的工作方式就像鼓室薄一样。
但是我不想像前面的链接所要求的那样使用，et 3。
我宁愿在js上执行所有的旋转操作，例如使用JQueryRotate，这是非常棒的，但是旋转点是以te图像为中心的。
我不想指出这样做的库，我想学习一种很好的图像旋转方法，特别是，如何在这种方法中改变旋转点，这样我就可以实现我想要的监视簿效果。
但是如果你知道一个图书馆能做到的话，我也会非常喜欢的。
谢谢
编辑：
在写问题的时候，我意识到了一些事情。我可以放大那个图像的持有者。虽然不是很明亮，也不是很优雅，或者说很好，这是一个开始。我将检查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});
});回答 1
Stack Overflow用户
回答已采纳
发布于 2012-11-01 06:48:27
如果你想自己做旋转，看看这个问题：图像旋转算法。当然，这不是一个JavaScript特定的解释，但它应该或多或少可以轻松地翻译成一个基于画布的解决方案。我还没有看过jQueryRotate实现，但它可能也值得一看。
也就是说，可能没有关于“如何在左下角旋转图像”的JavaScript特定教程:D。
正如@Jasper所指出的那样，虽然canvas本身在IE版本中不受支持的时间早于IE9，但是即使在早期版本中也有获得(很大一部分) canvas的方法和途径，就像ExplorerCanvas演示的那样。
页面原文内容由Stack Overflow提供。腾讯云小微IT领域专用引擎提供翻译支持
原文链接：
https://stackoverflow.com/questions/13179411
复制相关文章
点击加载更多
相似问题
NSView不绕中心旋转
如何在CSS3中绕原点旋转？
Monogame -精灵不绕原点旋转
Android旋转矩阵不绕点旋转
对象不绕其轴旋转
添加站长 进交流群
领取专属 10元无门槛券
AI混元助手 在线答疑
关注 腾讯云开发者公众号
洞察 腾讯核心技术
剖析业界实践案例
社区富文本编辑器全新改版！诚邀体验～
全新交互，全新视觉，新增快捷键、悬浮工具栏、高亮块等功能并同时优化现有功能，全面提升创作效率和体验
腾讯云开发者
