JQUERY + HEYGRADY转换库

时间:2011-11-16 10:02:29

标签: jquery html rotation transform

我正在尝试旋转并翻译一个关于某个点的div并且为了转换目的而遇到了一个库。

https://github.com/heygrady/transform

效果很好,但是当我尝试执行以下操作时

  • 旋转
  • 按x和y翻译
  • 原产地(0%,50%)

它没有按预期工作。如果我单独翻译它工作正常但原始未被应用。

如果我用上面的原点值旋转它,它会围绕该点旋转,但是平移会变得混乱。

当我一起应用平移和旋转时,div本身会飞到某个不受欢迎的位置(屏幕外)。

我想知道是否可以同时应用平移和旋转,从而期望获得理想的结果。

div元素的位置是绝对的。

下面是代码。

$("#mydiv").transform(
    {
        origin:['0%','50%'],
        rotate:angle+'deg',
        translate:[mouse.x+'px',mouse.y+'px']
    });

我的代码中的变量名称是为了理解它是动态应用的。或者这需要以矩阵方式完成吗?

此致

Ashok Srinivasan。

0 个答案:

没有答案