Javascript 如何使用requestAnimationFrame设置动画？

我尝试使用

requestAnimationFrame

来设置画布的动画，当我像谷歌地图一样单击+和-按钮进行放大和缩小时（当您单击+按钮进行放大时，您会看到轻微的过渡或延迟）。与传统的画布实现不同，我在应用程序中有一个相当复杂的结构

单击该按钮时，将调用服务中的

zoomin（）

在我看到的每个示例中，图像都是通过随时间操纵像素值来设置动画的，
draw（）
方法就在这里可用。但有人能告诉我应该在哪里处理这个问题吗？还有其他选择吗？还有，我怎样才能像谷歌地图在JavaScript中那样制作动画呢

有人能指引我吗

谢谢。
实际上，requestAnimationFrame只是javascript。它与TypeScript无关。：）对我的错。谢谢：）我做了适当的编辑。我对requestAnimationFrame的理解是将帧速率/秒锁定在某个特定的数字，如60 fps。因此，回调将每1/60秒调用一次，您可以使用数据在画布上绘制帧。很可能是浏览器的回调告诉您：我准备好绘制下一帧了，现在是时候了……所以基本上，您调用函数来询问浏览器：请告诉我何时可以绘制下一帧。@Keyang当然可以，但我不确定如何在单击时实现它，以及如何使rAF每隔1/60秒调用zoomIn（）函数。