在JavaScript中旋转块

Alv*_*ith 2 javascript

我想创建一个JavaScript Web应用程序,使页面上出现可以被用户拖动的块.如果我使用具有背景颜色的DIV,则一次将它们旋转90度是很容易的.

但是,如果我想任意旋转它们,我怎么能做到这一点?我宁愿不必使用Flash,图像,Java小程序或HTML5.(我希望它是一个简单的DHTML应用程序,可能在后端有一个cgi脚本,但限制了我需要的插件数量.)

(编辑:可拖动的DIV不是困难的部分,我把它降下来.这是我想要的想法.)

Mat*_*chu 5

拖动很容易.见鲶鱼的答案.

但轮换?如果您不想采用任何这些技术,那么您几乎无法做到.抱歉.

WebKit(Safari,Chrome)和Mozilla(Firefox)实现了最佳解决方案:CSS声明.我假设有人可以通过Javascript操纵它们,就像其他一切一样.

-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);
Run Code Online (Sandbox Code Playgroud)

但是,考虑到您列出的所有不同限制(主要是HTML5),听起来您正在寻找能够在每个浏览器中运行的内容,因此该解决方案已经完成.你可以把它拉下来<canvas>,虽然它也不是全局兼容的,但这很痛苦,而且我可能认为它是HTML5,无论如何.

所以,不要去.你几乎列出了所有可能使这成为可能的技术,因为它不是一个选择.要么没有跨浏览器兼容性,要么使用插件.

新网络即将到来.事情会更好.现在,处理它.