在 CSS3 变换后获取 div 的实际像素坐标。

18 浏览
0 Comments

在 CSS3 变换后获取 div 的实际像素坐标。

是否可以通过使用CSS3属性(如scale,skew和rotate)获取已经进行了变换的的四个实际角坐标?

例子:

在进行CSS3变换之前,坐标是

x1y1: 0,0
x1y2: 0,200
x2y1: 200,0
x2yw: 200,200

div元素看起来是这样的:

before transformation

经过一些CSS3变幻后transform: skew(10deg, 30deg) rotate(30deg) scale(1, 2);

看起来是这样的:

after transformation

如何使用JavaScript获取实际角(而不是边界框)的坐标?

非常感谢任何帮助。

0