如何跟随YUI驱动的动画离开屏幕或在项目上居中视口？

Question

我正在使用改编自YUI3 documentation example的代码沿曲线路径对图形进行动画处理。

整个画布尺寸故意非常大-绝对比大多数屏幕都大-因此图形将很快耗尽视口空间，并在屏幕上显示动画。

取而代之的是，我希望浏览器的视窗跟随或集中在图像上，这样它就可以保持“在镜头中”。

有没有YUI驱动的方式来做这件事？或者更简单的东西？

Answer 1

您可以这样做，基本上只是通过考虑与页面相关的canvas坐标来确保视口始终跟踪canvas上的对象。

function track(x,y, offsetX, offsetY){
    var trackX = x - (canvas.offsetLeft + offsetX);
        trackY = y - (canvas.offsetTop + offsetY);

    window.scrollTo(trackX, trackY);

}

​