HTML画布/ jQuery：更改图像时的动画

Question

我希望在更换画布时制作一种“幻灯片”动画效果，

现在我要输出的图像是：

    let regex = /(.).* \1.*/;
    let tests = [
      "brown bear",
      "Green Goblin",
      "Peter Parker",
      "Clark Kent",
      "Lois Lane"
      ];
      
    
    console.log(tests.filter((test) => test.match(regex)));

imgData是我处理过的图像数据，

我想要做的是具有很好的幻灯片效果，或者至少了解如何向其中添加过渡效果，而不只是改变图像。