Преобразование пути SVG с использованием Raphael.js

Question

Я новичок в SVG и Raphael.js, поэтому, в то время как написанный мной код работает так, как я ожидал/хотел, я хочу проверить, является ли то, что я сделал, это лучшая практика/право путь, или если есть лучший способ.

У меня есть путь, это в основном вне круга (согласно бренду). Я получил путь, преобразовывая PNG в SVG (онлайн). Проблема, с которой я столкнулся, заключалась в том, что изображение должно было быть 72x72px, он-лайн конвертер масштабировал его на что-то довольно большое.

Это действительно сработало в мою пользу, поскольку мне нужно использовать круг различных размеров.

Поэтому я использовал .transform(), чтобы уменьшить масштаб и преобразовать его в размер, который мне нужен. Он чувствует себя немного взломанным. Есть ли способ лучше? Или это лучшее, что вы можете сделать?

Это мой код: http://jsfiddle.net/9LHUE/.

Заранее спасибо.

Answer 1

Использование .transform() в порядке. Вся идея «Масштабируемой векторной графики» заключается в том, что они масштабируются. Поскольку они отображаются на странице из определений, основанных на координатах, они должны выглядеть так же хорошо в любом размере.

Что мне нравится, это импортировать эту красивую геометрическую фигуру из png, а не разрабатывать определения более математически. Я сомневаюсь, что вам действительно нужна такая чудовищная кривая безье для такой простой формы.

Тем не менее, я не знаю, что такое «вне круга». Может быть, это совсем не просто.