- В этой теме 59 ответов, 7 участников, последнее обновление 1 год, 2 месяца назад сделано
.
-
Сообщения
-
2-ю картинку видите? Она как мнемосхема сохранена. Из которой можно сохранить все svg на диск в Редакторе.
Ну по просьбе Михаила архив с svg тоже выложил.
Примитивы делаются достаточно легко, кто пользуется чертежными программами.
Например нарисовал в AutoCad — сделал линии цветными, потом помогает искать в svg что есть что.
Сделал непечатную рамку с размерами +1 к изображению. Надо помучаться, чтобы заставить AutoCad напечатать pdf именно в этом размере, а не A4 или Letter но это в каждой программе по разному.
Печать в PDF. Потом идем сюдым —> Редактор SVG onlineОткрываем там свой pdf, Изображение — Трансформация -> крутим, вертим как нам надо, например для левого, правого, вверх, вниз и т.д.
Потом Файл — Экспортировать как -> SVG и вуаля, получаем вполне неплохой и компактный код, вместо мусора из Inkscape (его можно оптимизировать если что)
Вот тут — SVG OptimazerДля того, чтобы картинки могли пропорционально растягиваться, надо добавить в код svg
preserveAspectRatio="none"вот сюда
<svg version="1.2" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 154 312" width="154" height="312" preserveAspectRatio="none">Ну еще мелкие процедуры. Например когда открываю svg на редактирование в текстовом редакторе, у меня это в виде одно строки — Я тогда открываю его в XmlNodepad и тут же сохраняю. После этого в текстовом редакторе открывается нормально построчно.
Ну еще переношу стили на каждую строку для удобства, начиная с точки<style> .a{fill:#f0f} .e{fill:none;stroke:#f0f;stroke-linecap:round;stroke-linejoin:round;stroke-width:3} .b{fill:none;stroke:#00f;stroke-linecap:round;stroke-linejoin:round;stroke-width:1.8} .d{fill:none;stroke:#00f;stroke-linecap:round;stroke-linejoin:bevel;stroke-width:1.8} </style>А то по умолчанию там все в одну строку.
Ну и все. В стилях можно менять цвет, толщину, заливку, другие параметры при необходимости.
Если сразу нарисовать с разными цветами линий, то удобно видеть кто и где. Не сразу сообразил этот момент.
Да, с заливками осторожно. Не все можно залить красиво, например если две линии создают незавершенный треугольник, то зальет треугольник. Тут надо экспериментировать.Да, чтобы Редактор вдруг не отругался на ваш svg, его сохранение должно быть в UTF-8 БЕЗ BOM.
Если будет сохранен с BOM то выдаст ошибку при открытии файла.Примитивы делаются достаточно легко, кто пользуется чертежными программами.
Я через Visio делал. Коряво конечно, но что есть…
Аутокад ставить только ради svg…Зачем. Попробуйте через Visio, но не его экспортом, а так же через pdf.
Ну и как вариант, просто созданный svg в Visio прогнать через оптимизатор.Просто я работаю в AutoCad и мне такой способ проще, чем изучать как рисовать в Inkscape. И тем более ставить Adobe Illustartor.
Пока не видел людей, кто в них работает, могли сделать анимацию, правильные настройки для растяжений и т.д. Сплошные художники.
Да удалять и не собираюсь. Пусть валяются. Может только буду обновлять архив, если будет что добавляться в Вентиляцию. Объекты разные, функциональные схемы разные. Где-то и рекуператоры есть. Или может водяные калориферы добавятся и т.д.
Добавлено в https://rapidscada.net/store/Module/ru/ImagePack
Спасибо.з.ы. расшарил папку с картинками SVG. Внутри есть папка Amimate — добавлены анимированные пунктирные линии
gif это растр, но тоже выкладывайте, интересно посмотреть.
Вообще конечно цель научиться делать анимированные svg.Кстати тут прикололся, сделал в AutoCAD градиентную заливку, перенес в svg через pdf и тихо ошизел. Размер 2 Мб. Начал смотреть, а эта сволочь просто в svg впендюрила png файл.
Пришлось делать градиент средствами svgДобавил там в анимацию полоски с градиентом двух цветов.
Парочку моторов в простых картинках, градиенты.
Думаю понятно будет, где цвета поменять.
- Для ответа в этой теме необходимо авторизоваться.