Web サイト全体をスケーリングするときに HTML キャンバス要素をスケーリングせずに (ほとんどのブラウザーで ctrl+"+")、そのサイズを大きくする方法を知っていますか? 大きな画像を表示し、キャンバス要素でズームおよびパンできるアプリケーションがあります。ここで、ctrl+"+" を使用して Web サイトを拡大縮小して、画像を表示するためのスペースを増やすとよいと思います。デフォルトではキャンバスもスケーリングされ、何も得られません。
質問する
235 次
2 に答える
1
この記事http://novemberborn.net/2007/12/javascriptpage-zoom-ff3-128で説明されている手法を使用できます。
主なアイデアは、任意の 2 つの要素を配置し、top\left\width などのピクセル単位の最初の要素 css 値と 2 番目の要素のパーセンテージ値を設定することです。ページをスケーリングすると、パーセンテージ値は変更されませんが、ピクセル単位の値はズーム ファクターに応じて変化します。これらの変更に基づいて、倍率を計算し、それをキャンバスの寸法と掛け合わせて拡大縮小できます。
スクリプト ブロックの記事のデモ リンクで見つけることができるスケール ファクターの計算方法。
于 2012-11-16T20:20:35.943 に答える
-2
Zoomooz.js のようなものが動作する可能性があります - http://janne.aukia.com/zoomooz/
于 2012-11-16T20:08:59.153 に答える