5

viewBoxを使ってラファエル紙をマウスホイールでズームしてみました。JSFiddleコードは次のとおりです。

それは機能しますが、今は中心を拡大したいのですが、どこから始めればよいかわかりません。viewBox の x 座標と y 座標を変更する必要があると思います。私はこれを試しました（関数ハンドル（デルタ）で）：

x = paper.width - viewBoxWidth;
y = paper.height - viewBoxHeight;
paper.setViewBox(x,y,viewBoxWidth,viewBoxHeight);

しかし、うまくいきませんでした。助けていただければ幸いです。ありがとうございました！

4

2 に答える 2

5

あなたの質問はメーリング リストで回答されているので、今後の参考のためにここに貼り付けます。

https://groups.google.com/forum/#!topic/raphaeljs/K-84cOe8ZP8

于 2011-12-11T21:46:06.320 に答える
4

ズームアウトの場合:

var tempViewBoxWidth = viewBoxWidth;
var tempViewBoxHeight = viewBoxHeight;

viewBoxWidth /= 1.10;
viewBoxHeight /=1.10;

viewBoxX -= (viewBoxWidth - tempViewBoxWidth) / 2;
viewBoxY -= (viewBoxHeight - tempViewBoxHeight) / 2; 

paper.setViewBox(viewBoxX, viewBoxY, viewBoxWidth, viewBoxHeight, false);
于 2011-12-15T04:02:53.350 に答える