SVG-Dashboards: различия между версиями
м (→Введение: Текст) |
м (Добавил требования к изображению) |
||
Строка 11: | Строка 11: | ||
SVG-панели работают на мобильных устройствах, но нужно учитывать размер изображения. Если элементы будут слишком мелкими — ими будет сложно пользоваться. Хорошим решением может стать разделение графических панелей на десктопные и мобильные, которые созданы с учетом особенностей мобильного устройства. | SVG-панели работают на мобильных устройствах, но нужно учитывать размер изображения. Если элементы будут слишком мелкими — ими будет сложно пользоваться. Хорошим решением может стать разделение графических панелей на десктопные и мобильные, которые созданы с учетом особенностей мобильного устройства. | ||
== | == Создание == | ||
== | === Требования к изображению === | ||
Для создания SVG-панели нужно svg-изображение, которое станет основой. Если готового изображения нет, то его можно нарисовать в любом векторном редакторе, например, в свободном [https://inkscape.org/ru/ Inkscape]. | |||
Вы можете выводить информацию в любые текстовые элементы и настраивать взаимодействия с любыми сложными фигурами, кругом и текстом. | |||
Ограничения: | |||
* Нельзя взаимодействовать с прямоугольником. Если это необходимо — преобразуйте его в кривые (оконтурите). | |||
* Редактор SVG-панели игнорирует группировку. Поэтому, если нужно настроить взаимодействие с составным элементом, то преобразуйте его в одни фигуру. | |||
Изображение может быть любого размера и с любым количеством элементов. | |||
=== Добавление изображения === | === Добавление изображения === | ||
Строка 19: | Строка 28: | ||
=== Привязка элементов === | === Привязка элементов === | ||
== | == Редактирование == | ||
== Полезные ссылки и материалы == | == Полезные ссылки и материалы == |