【问题标题】:Calculate new (x, y) coordinates after transform & transform-origin?在变换和变换原点之后计算新的(x,y)坐标?
【发布时间】:2013-05-01 16:51:08
【问题描述】:

我有这个简单的小提琴来展示我想要完成的事情:http://jsfiddle.net/eUSep/

如您所见,我正在扩大我的test1 div 并指定一个新的原点。如何计算转换后test2 的新位置(上、左)?它必须根据原点和比例来计算,但我无法正确计算。

起初我以为我可以通过计算高度和宽度更改(基于当前比例和之前的比例),然后从当前left中减去一半,然后添加另一半到width(伪代码):

var left = current_left - (width_change / 2);
var top = current_top - (height_change / 2 );

var right = current_left + width + (width_change / 2);
var bottom = current_top + height + (height_change / 2);

但这并没有考虑原点,我认为这只有在原点每次都在精确中心时才有效。有谁知道我如何做到这一点?

【问题讨论】:

    标签: javascript matrix coordinates transform css-transforms


    【解决方案1】:

    看来Jquery Position 会为我完成这项工作。

    更新小提琴:http://jsfiddle.net/eUSep/1/

    我可以得到变换前后的位置来看看变化:

    var pos = $('#test2').position();
    

    【讨论】:

      猜你喜欢
      • 2012-04-21
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      • 1970-01-01
      相关资源
      最近更新 更多