2011-12-07 16 views
5

Provo a zoomare con la rotellina del mouse su una carta Raphael usando viewBox. Here è il codice JSFiddle.SVG viewBox zoom in centro (Raphael)

funziona ma ora voglio ingrandire il centro e non ho idea da dove iniziare. Credo che dovrei cambiare le coordinate x e y del ViewBox. Ho provato questo (nella maniglia di funzione (delta)):

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

sbagliando di poco lavoro. Gradirei qualsiasi aiuto. Grazie!

risposta

4

Per Zoom Out:

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); 
+0

Perché dividere per '1.10'? – Amicable

Problemi correlati