4

Webプロジェクトのタイムラインが必要です。このようなもの-私はこのタイムラインのコードを読みましたが、十分に文書化されていないため、理解できませんでした。

私の問題は、これらすべての背後にある数学です（キャンバスとの相互作用ではありません）。スクロールバーの計算についていくつかの記事を読みまし
たが、ズームについてはどれも話していません。 一部の 記事では、幅の値が非常に大きいキャンバス要素を保持し、 ビューポートのみを表示することを提案しています。 それが正しい方法だとは思いません。正しいビューポートを描画したいのです。

私のプロジェクトでは、nポイントの配列があります。
各ポイントは秒単位で表される時間値を保持しますが、すべてのポイントがViewpポート内にあるわけではありません。

現在のズームレベルを考慮して、どのように計算しますか？

  • どのポイントを描画する必要があり、どこに描画する必要がありますか？
  • 親指のサイズと位置は何ですか？
  • そのようなことについての記事/チュートリアルはありますか？

    • 4

    2 に答える 2

    1

    ポイントの配置、ズーム、パンを処理するFlotのようなものを使用できる場合があります。その例を次に示します。

    他にもたくさんの描画ライブラリがありますが、ここに良いリストがあります。

    于 2012-08-27T21:09:05.693 に答える
    0

    Raphealjs.com は、SVG を操作するために最もよく使用されるライブラリの 1 つです。これを使用すると、独自の js を記述してタイムラインを生成できます。

    于 2012-09-08T19:20:06.783 に答える