1

2 つの画像を使用せずに画像の一部をズームするにはどうすればよいですか。つまり、十分に大きくない画像が 1 つだけあるとします。マウスをホバーすると、この画像の一部 (100% を超える) を拡大したいと考えています。それがピクセル化につながるかどうかは気にしません(もちろんそうなります)。http://zoomy.me/homeを試してみましたが、これも 2 つの異なる画像 (画像の小さいバージョンと大きいバージョン) を使用しています。

4

2 に答える 2

2

クラウドズームの使用をお勧めします。私たちはそれを使用しましたが、かなり楽でした:

http://www.starplugins.com/cloudzoom

于 2013-08-20T12:04:23.870 に答える
1

次の手順を実行します:

  • 画像をレンダリングするキャンバスで画像を置き換えます
  • getImageData() を使用して、マウス ポインターの周囲の四角形のピクセルを取得します。
  • 拡大画像データの新規作成
  • putImageData() を使用して、拡大されたデータを別のキャンバスにレンダリングします

ここに例を走り書きしました: http://kirox.de/test/magnify.html

于 2013-08-20T12:19:57.987 に答える