JavaScript的图片切割以及动画组成

Question

我现在想实现一个动画效果, 如果我的素材是几张图的话, 我知道这样来实现:
      var images = [];
      for (var i=1; i<=5; i++) {
        var img = new Image();
        images.push(img);
        img.src = 'images/'+i+'.png';
      }
但是如果我的图是一幅图呢? 我总不能用QQ截图把他切成许多张图吧? 所以我想知道下面那张大图是如何切开然后存储在var images[]中呢?
感恩!JavaScript动画图片

Answer 1

javascirpt不能用来直接修改图片的啦，只能模拟。
你要做动画效果的话可以把这张图片设为某个div的背景，然后改变背景的position,然后就能模拟动画了，不过你这就这么几个动作，动作之间的过渡肯定有问题的