Потом когда установил, заходишь в программу, жмёшь Файл -> Новый вводишь размер области которая тебе нужна к примеру 800 на 600 px и жмёшь кнопку создать.
Дальше рисуешь фигуру нужной формы, потом когда нарисовал, в верхнем меню Объект -> Монтажные области -> Подогнать по границам иллюстрации.
И финальный штрих, сохранение.
Жмёшь Файл -> Сохранит как в выпадающем окне ОБЯЗАТЕЛЬНО выбераешь формат SVG(*.SVG)
Жмёшь сохранить, и перед тобой откроется окно с настройками, оставляй всё как есть, только качество поставь на 3 и выбери встроить
Потом можно нажать сохранить и достать код из сохранённого SVG файла, а можно сразу в этом же окне нажать на кнопку "Код SVG" и у тебя сразу появиться окошко с кодом, копиоуешь его и работаешь уже с SVG кодом дальше.
Да нафик они не нужны)))
Помню лет 5 назад мне пришла в голову мысль, мол буду отличаться от всех, и в вёрстке вместо классво буду писать id. Типа будет фишка моя такая))
А потом когда столкнулся с необходимостью прописать 2 стиля понял что с id как с классами не выйдет.
Ну к примеру есть кнопка у неё класс .btn и её можно задать красный цвет добавив класс .red
Здоровый человек сделает так: <div class="btn red">кнопка</div>
Такой вариант не сработает <div id="btn red">кнопка</div>
В итоге отказался от этой глупой идеи) И вам не советую использовать идентификаторы)))
Как по мне всё это херня полнейшая.
Уже года 4 использую редактор кода Brackets и дополнение к нему Sass
Просто скачиваешь редактор кода, прям в нём в поиске расширений вводишь Sass устанавливаешь расширение "Brackets SASS". и Всё готово.
В папке проекта просто создаёшь файл с расширением .sass или .scss и плагин автоматом создаст файл с таким же названием но с расширением .css и будет в него в режиме реального времени компилировать всё что ты пишешь в sass и всё это работает в live previev.
Yuriy: от translate не размывается текст.
Проблема в другом.
HTML/CSS в студию на jsfiddle.net, тогда сможем посмотреть и помочь решить проблему.
А гаданием по картинкам тут вряд ли кто-то занимается)