0

複数のキャンバスを生成し、画面のさまざまな部分に配置しています。各キャンバスには、描画 (javascript を使用して作成) またはテキスト (html を使用して作成) があり、小さすぎて見えない可能性があります。ユーザーが特定のキャンバスをクリックして拡大表示できるように、Shadowboxを使用しています。

私の問題は、Shadowbox でズームインできるようにキャンバスを作成することです。これらのキャンバスは動的に描画される (描画されるものはユーザー入力に基づく) ため、イメージではありません。これを処理する最善の方法は、キャンバスに小さいサイズで表示され、Shadowbox にフルサイズで表示される一時的な画像を作成することです。

キャンバスの一時的なイメージを作成するのが最善の方法ですか? または、HTML5 や Shadowbox を使用するより良い方法はありますか? HTML5/javascript/Shadowbox での描画についてはよくわからないので、アドバイスをいただければ幸いです。

4

1 に答える 1

0

キャンバスに小さなものを描きたい場合は、使用するだけです

context.scale(x, y)

初期スケールは 1,1 です。スケールを 0.5、0.5 に設定すると、すべてが小さく描画されます。

すべての描画コードはそのままで、小さく見えるだけです。

すべてのキャンバス コンテキスト変換とそれらの使用方法について読みたいと思うでしょう。Mozilla のチュートリアルは非常に優れています。

https://developer.mozilla.org/en/Canvas_tutorial/Transformations

于 2011-05-22T20:16:52.467 に答える