Увеличение / уменьшение логики с RapaelJS

Question

Таким образом, когда вы устанавливаете флэш-объект на 100% ширину / высоту, в конечном итоге происходит то, что флэш-фильм увеличивается, когда вы растягиваете его и увеличиваете окно.Ну, может быть, это не то, что происходит, но это выглядит так.

Я пытаюсь добиться чего-то похожего с RaphaelJS.Здесь: http://jsfiddle.net/soparrissays/2rqtL/3/, у меня есть простой пример, когда круг сжимается и расширяется, когда вы увеличиваете окно результатов;однако, это делает это назад.Круг должен увеличиваться по мере увеличения размера окна, а не уменьшаться.Может кто-нибудь заметить, что здесь происходит?

Я пытаюсь использовать setViewBox для достижения этой цели.

Answer 1

ViewBox - это область, которую вы можете видеть. Вы не хотите, чтобы это изменилось - вы хотите видеть оригинальную область 800 * 600 независимо от масштаба. Если мой холст 800 * 600, я всегда хочу увидеть это место. Я хочу масштабировать область 800 * 600, чтобы она поместилась внутри видимой области. Вы можете сделать это, изменив размер холста по размеру окна и установив статическое поле viewBox 800 x 600.

См. : http://jsfiddle.net/WgTuF/1/

Answer 2

Я не знаю, правильно ли я, но одно решение, как показано ниже.

То, что я сделал, я взял увеличенное окно innerwidth как centPercentWidth.

Затем onresize окна, я нахожу, сколько раз текущая ширина окна даст ширину развернутого окна. Это делается через

var times = centPercentWidth/width;.

После этого у меня есть переменная adjust, которая предназначена для настройки преувеличения эффекта. Вы можете изменить это значение и посмотреть, как эффекты изменения размера меняются от значения к значению. Пока его один (поведение по умолчанию).

Затем мы находим значение thrid и четвертого параметра viewBox, используя times переменную. (C и d).

Разместил скрипку. http://jsfiddle.net/89Qsx/

Попробуйте изменить медиану в скрипке.