1

单击（使用 Pixastic）时我尝试旋转图像，但我只能旋转 1 次，每次单击图像时如何继续旋转

$('#tok').click(function() {
                $("#tok").pixastic("rotate", {angle:90});                   
            });
4

2 回答 2

2

我以前没有使用过 Pixastic。但是，我相信，每次点击图片，你必须增加角度 90 。

First Click -> 90 
Second Click->180 
Third Click ->270
Fourth Click ->360
Fifth Click ->90..etc

更新：

Pixastic 似乎先删除图像并再次插入。这就是 onClick 处理程序执行一次的原因。将其更改为“实时”，它将起作用。

$('#tok').live('click',function() {
     $(this).pixastic("rotate", {angle:90});                 
});

检查演示：这里。

于 2011-10-11T09:20:44.910 回答
0

如果您想将其旋转超过 90 度，您还可以使用 HTML5 范围元素（或不推荐使用的浏览器的解决方法（如 IE 9 及更低版本；-)）

HTML (5)

<input type="range" id="rotate" min="-180" max="180" value="0" step="1">

jQuery

$('.rotate').live('change', function(){
    $('img').pixastic("rotate", {angle: $(this).val() });
}

向Jacob Seidelin 致敬，感谢他出色的插件！

于 2011-10-26T11:42:43.170 回答