canvas を使用して、できれば fabric.js を使用して、可視領域、より大きなオブジェクトへのウィンドウ (スクロール可能なビューを作成するため) を作成する方法
2337 次
1 に答える
2
あなたの質問を正しく理解している場合、最も簡単な方法は、非常に大きなキャンバス オブジェクト (ウィンドウよりも大きい) を作成し、それを親コンテナー内に配置することです。親コンテナーのサイズを目的のウィンドウのサイズに設定overflow: hidden;し、コンテナーで宣言します。
セットアップが完了したら、おそらく jQuery のようなものを使用draggableしてマウス イベントを処理できます。それがうまくいかない場合は、キャンバスのpositionアトリビュートを変更するか、 を調整しmarginsて、ウィンドウ内のキャンバスのパンをシミュレートする必要があります。
もちろん、このアプローチは有限のキャンバスサイズを対象としています。context.translate無限の作業領域を提供したい場合は、キャンバスのプロパティを変更する方がよいでしょう。ただし、これは fabric.js ではうまく機能しないと思います。
于 2011-10-07T19:54:27.437 に答える