1

YUI3ドキュメンテーションの例から改変したコードを使用して、曲線パスに沿ってグラフィックをアニメーション化しています。

キャンバス全体のサイズは意図的に非常に大きく (ほとんどの画面よりも確実に大きい)、グラフィックがビューポート スペースをすぐに使い果たし、画面外でアニメーション化されます。

代わりに、ブラウザのビューポートが画像を追跡または中央に配置して、画像が「インショット」のままになるようにしたいと思います。

これを行うYUI燃料の方法はありますか? それとももっと簡単ですか？

4

1 に答える 1

0

このようなことを行うことができます。基本的には、ページに関連する座標canvasを考慮して、ビューポートが常に上のオブジェクトを追跡していることを確認します。canvas

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

    window.scrollTo(trackX, trackY);

}

ライブデモ

</ p>

于 2012-09-12T17:11:39.720 に答える