最後に、http://www.crystal.ch/abb/power_systems_landscape/のようなアプリをhtml5を使って実装することを目標にしています。HTML5の大きなキャンバス - 背景を含む全体のコンテンツを移動してズームする
ご覧のとおり、大きな(2000 * 600)キャンバスが必要な場合がありますが、わかりません。
誰でも私に上記のリンクの次の動作のためのアイデアを与えることができますか?背景を含む
-
プラスアイコンサークルのようにフェードアウト効果
アイデアの任意の種類をいただければ幸いです。
ご回答いただきありがとうございます。テストごとに、スクロールの概念を実装することができます。まだズームと混同しています。キャンバスの幅と高さを変更しても、キャンバス内のコンテンツの描画には影響しません。幅と高さに基づいてすべてを再描画する必要があるかもしれません。とにかく、アイデアを探していても、キャンバスのCSSの幅/高さを変更することで、「+アイコンの円のような効果を弱める」 – Shahdat
を考えて、再描画せずにズームインします。ちょっとプラスの場合は、いくつかのdivや小さなキャンバスを大きなキャンバスに配置するのが最も良い方法です。フェードイン/アウトやエキスパンド/折りたたみエフェクトを実現するには、標準のjavascript/CSSプロパティtweensを使用できます。この種のものには豊富なリソースがあります。 – hobberwickey
キャンバスのCSSの幅/高さを変更すると、オーバーフローがクリップされ、残りのコンテンツが見えなくなります。私はそれをズームしないことを意味します。私は小さなキャンバスで大きなキャンバスの方法でテストしたいと思います。ありがとう – Shahdat