相关疑难解决方法(0)

我搜索了几天没有真正的结果,也许有人可以帮助我.

我的页面上有一个div(可以包含图像,文本区域,其他),它可拖动和可调整大小(感谢jQuery UI),我想让它"可旋转",在一个角落拖动一个句柄并使用css变换(-wekbit-transform,moz-transform)旋转它

可能吗 ？用jQuery或其他Javascript？

其实我不关心与IE的兼容性.

在此先感谢,问候

我正在使用jQuery UI来拖放图像.我还想将图像旋转360度,这样我就可以像在Photoshop中一样移动和旋转它.我使用jQuery旋转插件在点击时旋转图像,但我想选择一个角并拖动以将图像旋转到任何角度.

直播JS:http://jsfiddle.net/87jaR/

JavaScript代码:

var test = 5;
$(function() 
{
    $('#rotate').draggable({ containment: 'frame' });
    $('#frame img').live('mousedown', function(event) 
    {
        test = test + 15;
        $(this).rotate({ angle: test });
    });
});

我有以下代码来旋转div.通过mousedown事件在同一div的右上角的图像上.我希望div旋转直到鼠标向上.从逻辑上讲,我相信代码很好但是点击后它可以工作.当我点击其他项目时,旋转停止,而不是鼠标.我认为拖动鼠标后浏览器尝试拖动图像,但我需要帮助..在此先感谢:)

fl_rotate: false,
rotdivs: function() {
    var pw;
    var oThis = this;
    $('.drop div img').mousedown(function(e) {
        oThis.destroyDragResize();
        oThis.fl_rotate = true;
        return;
    });
    $(document).mousemove(function(e) {
        if (oThis.fl_rotate) {
            var element = $(oThis.sDiv);
            oThis.rotateOnMouse(e, element);
        }
    });
    $(document).mouseup(function(e) {
        if (oThis.fl_rotate) {
            oThis.initDragResize();
            var ele = $(oThis.sDiv);
            ele.unbind('mousemove');
            ele.draggable({
                containment: 'parent'
            });
            ele = 0;
            oThis.fl_rotate = false;
        }
    });
},
rotateOnMouse: function(e, pw) {
    var offset = pw.offset();
    var center_x = (offset.left) + ($(pw).width() / 2);
    var center_y = (offset.top) + …

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

我知道有几个插件可以提供旋转图像的能力.虽然如果你注意到,所有这些插件都不应该让最终用户能够旋转图像,而是让网络主人.我正在寻找带有手柄的东西(类似于jquery-ui手柄)

有没有办法将此功能合并到我的Web项目中？你知道有什么好的插件吗？

谢谢