javascript - JavaScript 中的旋转 block

Question

我想创建一个 JavaScript Web 应用程序，使 block 出现在页面上，可供用户拖动。如果我使用带有背景颜色的 DIV，那么一次将它们旋转 90 度会很容易。

但是，如果我想任意轮换它们，我该如何实现呢？我宁愿不必求助于 Flash、图像、Java 小程序或 HTML5。 (我希望它是一个普通的 DHTML 应用程序，也许后端有一个 cgi 脚本，但限制我需要的插件数量。)

(编辑:可拖动的 DIV 不是难的部分，我已经把它记下来了。我想要的是旋转。)

Answer 1

拖动很容易。请参阅鲶鱼的回答。

但是轮换呢？如果您不想采用任何这些技术，那么您几乎做不到。抱歉。

WebKit(Safari、Chrome)和 Mozilla(Firefox)实现了最佳解决方案:CSS 声明。我认为人们可以通过 JavaScript 来操纵它们，就像其他东西一样。

-webkit-transform: rotate(-15deg);
-moz-transform: rotate(-15deg);

但是，考虑到您列出的所有不同限制(主要是 HTML5)，听起来您正在寻找适用于所有浏览器的东西，因此此解决方案已经退出。你可以在 <canvas> 中完成它，虽然它也不是全局兼容的，但这会很痛苦，无论如何我可能会将其限定为 HTML5。

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

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