如何在项目上关闭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);

}

<强> Live Demo