Как создать SVG-путь авторазмера с Raphael JS?

Question

Я не понимаю, как работает Raphael или SVG.

Я хочу создать карту Германии, используя SVG и Raphael.У меня есть пути для каждой административной области и работы по созданию, но результат получил свой собственный размер.

Я имею в виду, если я скажу Рафаэлю 300x300px и добавлю несколько путей, объекты, генерируемые путями, будут больше.

Код:

var paper = new Raphael(document.getElementById('svnInnerGroup'), 300, 300);
paper.path('...');

Результат: Я получаю SVG-изображение размером 300x300 пикселей (это хорошо) с верхним левым углом Германии (этоне хорошо).Я ожидаю, что карта Германии будет соответствовать указанному размеру.

Может быть, я не понимаю концепцию, я надеюсь, что вы можете мне помочь.

Спасибо!

Answer 1

Хорошо, я нашел свою ошибку! Такая графика SVG всегда нуждается в «окне просмотра», которое определяет начало и конец документа. Когда я копирую любые пути из любого файла, мне тоже нужно копировать и использовать окно просмотра.

Вот как вы можете установить viewbox с помощью Raphael:

paper.canvas.setAttribute("viewBox", "0 0 591 800");

Спасибо!