スクロールバーを使用したHTMLキャンバス

大きな不等幅のキャンバスにグラフを描画しています。各キャンバスに独自のスクロールバーを設定することはできますか？私はすべてのキャンバスを1つのdivに入れて、最大幅を指定しようとしましたが、動作しませんでした。すべてのキャンバスがページ上で可視の幅で500ピクセルと言うことが可能であり、キャンバス全体の幅を表示するためにスクロールバーがあります。スクロールバーを使用したHTMLキャンバス

ありがとうございます。

出典

2013-03-17 madu

キャンバスの幅を指定してdivにラップします。 divをoverflow: scrollに設定し、その幅を500ピクセルに設定します。スクロールバーを使用して、スクロールしてキャンバスの隠れた部分を見ることができます。すべてのキャンバスでこれを繰り返します。

出典

2013-03-17 14:34:36

ありがとうございますjimjimmy！出来た！ – madu

しかし、これは、フルサイズのキャンバスバッキングストアビットマップを作成すると仮定します。ほとんどの使用例では受け入れられません。 – Lothar

キャンバスのアニメーション化を必要としないユースケースに対しても許容されます。グラフや大きな画像を生成している場合は、キャンバスに一度ロードしてスクロールバーを表示するのは問題ありません。アニメーションを作成する場合は、処理時間を節約するために表示されるアニメーションの部分を描画するだけでよいでしょう。 –

スクロールバーを使用したHTMLキャンバス

答えて

関連する問題