javascript - 转换 3D 问题

Question

JQuery

 $(window).load(function () {
      $(".Flipbook").css({ 'transform': 'matrix(1, 0, 0, 1, 461, 300)', 'visibility': 'visible' });
  });

HTML

<div id="container">
<div class="Flipbook">

</div>
</div>

我在 window.load 事件上通过 jQuery 将转换应用于 div。 当我刷新页面 2 到 3 次时，将应用以下样式:

transform:translate3d(0px, 0px, 0px)

我想在页面加载时应用以下转换。

transform': 'matrix(1, 0, 0, 1, 461, 300)

提前致谢。

更新 问题在于 Panzoom 变换。

JQuery

$(window).load(function () {
      $(".Flipbook").panzoom("resetPan", {
                animate: false,
                silent: true
            });
  });

问题已部分解决。 Mozilla Firefox 和 Safari 有一些问题； 他们最初采用 Matrix()，后来改用 translate3d

如何阻止 Firefox 和 Safari 为 Transform 采用 tranlate3d 选项并使其采用 Matrix()？

Answer 1

这是 w3schools 关于 css 转换的定义的一部分: 浏览器支持 Internet Explorer Firefox Opera Google Chrome Safari

Internet Explorer 10、Firefox 和 Opera 支持 transform 属性。

Internet Explorer 9 支持替代方法，即 -ms-transform 属性(仅限 2D 转换)。

Safari 和 Chrome 支持另一种选择，即 -webkit-transform 属性(3D 和 2D 转换)。

Opera 仅支持 2D 变换。

你的浏览器是什么？
可能是这个问题...