SVG viewBox увеличить в центре (Рафаэль) - PullRequest
5 голосов
/ 07 декабря 2011

Я пытаюсь увеличить масштаб с помощью колесика мыши на бумаге Рафаэля, используя viewBox. Здесь - это код JSFiddle.

это работает, но теперь я хочу увеличить центр и не знаю, с чего начать.Я думаю, что я должен изменить координаты viewBox x и y.Я пробовал это (в дескрипторе функции (дельта)):

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

, но не работает.Буду признателен за любую помощь.Спасибо!

Ответы [ 2 ]

6 голосов
/ 12 декабря 2011

Поскольку на ваш вопрос был дан ответ в списке рассылки, я вставлю его сюда для дальнейшего использования:

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

4 голосов
/ 15 декабря 2011

Для уменьшения:

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);
...