8

我有一个使用 3D 转换的 Web 应用程序，它在 Android 4.1 的 Android 浏览器中运行良好。但是，PhoneGap 容器中的同一个应用程序会导致挤压和展开动画，而不是透视 3D 旋转。有没有办法让它在 PhoneGap 中运行，或者它是否使用无法进行 3D 转换的不同渲染引擎？

我用

-webkit-perspective: 300;

在父母和

-webkit-transform: rotate3d(0, 1, 0, -180deg);
-webkit-transform-style: preserve-3d;

在旋转的图像上。

4

3 回答 3

1

该perspective属性采用长度值，因此它应该始终具有单位。如果未给出单位，某些浏览器可能会将像素推断为单位，但您应始终指定。另请注意，较大的透视值会导致较不引人注目的透视效果。

还要确保添加属性的无前缀版本。这应该出现在前缀版本之后，正如 Tim Nguyen 所说，随着浏览器不再需要前缀，这将使您的应用程序面向未来。

顺便说一句，transform-style: preserve-3d;应该将其分配给其子元素在 3d 空间中被转换的元素，因此它在这里并没有真正做任何事情。

于 2014-03-09T13:43:04.787 回答
1

也许 phonegap 没有-webkit-前缀就可以工作。

您应该始终考虑为您的代码包含无前缀属性以防万一。

于 2014-03-04T19:12:14.963 回答
0

我对 PhoneGap 场景比较陌生，但从我的阅读中记得，Android 在 3D 转换上会窒息，但这可能只是在 jQM 中，它经常在 PhoneGap 实现中使用。我看到您更多地谈论 css，但我想知道您遇到的问题是否与 jQM 开发人员遇到的问题有关。

PhoneGap Android 上的 JqueryMobile 过渡

于 2013-05-15T00:02:03.140 回答