在iOS+；Javascript？

嘿，我想实现的是，用户可以滑动滑块，并在滑块移动时更新图像。有时帧速率约为30 fps

我所尝试的：

• 使用img标记并将src直接设置到相应的图像
• 使用单个div并将“背景图像”属性设置为相应的图像
• 对每个图像使用一个div并调整其z索引
• 对每个图像使用一个div并调整其不透明度
• 对每个图像使用一个div，并通过CSS3动画调整其不透明度
• 保留一个图像缓冲区，用于调整不透明度或z索引并加载正确的图像

有什么想法吗？还是我想做的事不可能？我也尝试过使用视频来达到同样的目的，但是搜索时间太长了

const FPS = 60;
var self = this;
setInterval(
        function() {
                self.setCurrentImageByIndex((self._currentImageIndex + 1) % 169);
        },
        1000 / FPS
);

---

由于您是在iOS平台上开发应用程序，所以您列出的技术是过时的。你可以使用现代技术，如

canvas

来绘制图像，它在iOS上非常快速

据我所知，iOS上的画布是硬件加速的

下面是使用画布绘制图像的示例代码：

  function draw() {
    var ctx = document.getElementById('canvas').getContext('2d');
    var img = new Image();
    img.onload = function(){
      ctx.drawImage(img,0,0);
      ctx.beginPath();
      ctx.moveTo(30,96);
      ctx.lineTo(70,66);
      ctx.lineTo(103,76);
      ctx.lineTo(170,15);
      ctx.stroke();
    };
    img.src = 'images/backdrop.png';
  }

---

我不知道iPhone股票浏览器的状态，但AFAIK所有现代浏览器都有图像硬件加速功能，对于Firefox，还有DOM布局。Canvas比CSS3动画更老，并且两者都被加速。如果您尝试的每样东西都以每秒30帧的速度达到最高，那么原因可能在代码的其他部分。例如，您使用的是requestAnimationFrame还是setTimeout有固定的持续时间？在你可爱的Mac电脑上，它能发挥作用吗？在桌面上，它工作得很好。翻了翻。似乎iPhone，特别是iPhone 4，由于视网膜显示，它必须绘制四倍于像素的图像，没有很好的HTML5图形性能。可能有很多原因，但是您是否尝试过修复显示比例？