jquery 旋转插件 - 工作原理类似于 jquery ui resize

发布于 2024-10-16 09:05:52 字数 239 浏览 3 评论 0原文

我刚刚注意到 jquery-ui 中缺少一些可怕的东西。一种旋转元素的方法,而不仅仅是拖放\调整它们的大小。

我知道有几个插件可以提供旋转图像的功能。不过,如果您注意到的话,所有这些插件都应该为最终用户提供旋转图像的能力,但网站管理员。我正在寻找带有句柄的东西(类似于 jquery-ui 句柄)

有什么方法可以将此功能合并到我的 Web 项目中吗?您知道有什么好的插件吗?

谢谢

I've just noticed that something terrible is missing in jquery-ui. A way to rotate elements, not just drag \ drop \ resize them.

I am aware of a couple of plugins out there to give the ability of rotating images. Though if you notice, all these plugins are not supposed to give the end user the ability to rotate images, but the web master. I am looking for something that comes with a handle (similar to the jquery-ui handle)

Is there any way to incorporate this functionality into my web project? Are there any good plugins out there you know of?

Thanks

如果你对这篇内容有疑问,欢迎到本站社区发帖提问 参与讨论,获取更多帮助,或者扫码二维码加入 Web 技术交流群。

扫码二维码加入Web技术交流群

发布评论

需要 登录 才能够评论, 你可以免费 注册 一个本站的账号。

评论(3

甩你一脸翔 2024-10-23 09:05:52

天哪,已经过去一整年了。
无论如何......

我认为问题的作者正在寻找这样的东西
http://vremenno.net/js/jquery-ui-rotation- using-css-transform/

脚本 URL: http ://vremenno.net/examples/jquery-ui-rotation/jquery.ui.rotation.zip

如果您需要,我可以帮助您翻译文章。

OMG, it's past a full year.
Anyway...

I think the author of question was looking for something like this
http://vremenno.net/js/jquery-ui-rotation-using-css-transform/

URL to script: http://vremenno.net/examples/jquery-ui-rotation/jquery.ui.rotation.zip

If you need, I can help you with translation of the article.

别在捏我脸啦 2024-10-23 09:05:52

另一种可能性(无耻的插件 - 我也错过了这个插件,所以写了一个)是 jquery-ui-rotatable 。您可以像这样使用它:

<script type="text/javascript">
    $(document).ready(function() {
        $('#target').rotatable();
    });
</script>

<div id="target">Rotate me!</div>

它也可以与其他 jQuery UI 插件链接。例如:

$('#target').rotatable().draggable().resizable();

Another possibility (and shameless plug - I too was missing this plugin and so wrote one) is jquery-ui-rotatable. You can use it something like this:

<script type="text/javascript">
    $(document).ready(function() {
        $('#target').rotatable();
    });
</script>

<div id="target">Rotate me!</div>

It can also be chained with other jQuery UI plugins. For instance:

$('#target').rotatable().draggable().resizable();
听风念你 2024-10-23 09:05:52

经过 5 秒的谷歌搜索后,我找到了这些插件:

您可能还对 http://www.useragentman 感兴趣。 com/blog/csssandpaper-a-css3-javascript-library/ - 它通过 JavaScript 为 CSS 添加了很多功能。

旋转从来都不是 CSS2 的一部分,因此所有跨浏览器解决方案大多都是变通办法。使用时要小心!

After 5 seconds of googling I found these plugins:

You might also be interested in http://www.useragentman.com/blog/csssandpaper-a-css3-javascript-library/ - It adds a lot of functionality to CSS via JavaScript.

Rotating was never part of CSS2, so all cross-browser solutions are mostly workarounds. Be careful while using it!

~没有更多了~
我们使用 Cookies 和其他技术来定制您的体验包括您的登录状态等。通过阅读我们的 隐私政策 了解更多相关信息。 单击 接受 或继续使用网站,即表示您同意使用 Cookies 和您的相关数据。
原文