Благодарю за видео, тренсляцию ночью не осилил, а вот в качестве нового видео с удовльствием посмотрю

Отличное видео! В какой уже раз говорю спасибо! Про градиент на svg - потрясно!

@maxgraph

2 жыл бұрын

Спасибо)

Очень крутой материал!!! Спасибо и с наступившим :)))

@maxgraph

3 жыл бұрын

Спасибо, с новым годом)

Очень полезно. Большое спасибо

Благодарю, узнал очень важную информацию)))

сколько раз посмотрел столько и лайков Максиму! SVG style component path SVG-спрайты в html-файле

@maxgraph

2 жыл бұрын

Спасибо!)

О, я тоже ждал это видео)

Автор, спасибо большое за видео!!!

@maxgraph

3 жыл бұрын

Рад помочь)

спасибо за классный урок

какой красавчик.. спасибо👍

спасибо большое за градиент :)

Большое спасибо за информацию!

@maxgraph

2 жыл бұрын

Пожалуйста)

Спасибо, очень полезный урок! Как раз недавно столкнулся с проблемой, очень много всяких диаграмм в презентациях делается на svg, на сайтах.. Также с hover эффектом как на карте России, только вместо площадей, часть графика (шаг I, шаг II итд)

Благодарю!

Супер видео спасибо с наступающим

@maxgraph

3 жыл бұрын

С наступающим =)

@AntonioBenderas

Жыл бұрын

@@maxgraph с наступающим)

Классное видео) Особенно в конце про карту из svg - буду юзать! По поводу оптимизации - лично я вставляю иконку через img, но к странице у меня подключён скрипт, который отвечает за деформацию из img в svg. И всё - никаких спрайтов и лишнего кода. Единственным минусом является то, что все изменения увидеть можно только в онлайне, потому что скрипт преобразовывает в svg только в онлайне) Но это вообще не страшно!

@maxgraph

3 жыл бұрын

Ну тут кому как, галп делает работу с свг простой))

Спасибо)

Автор, благодарю за полезное видео. Теперь научился. Осталось только порисовать, и очередной стек пойдёт в резюме. Рисовать карту РФ это, конечно, вы круто сделали. Видно, что хороший дизайнер. Желаю успехов и хорошей работы!

@maxgraph

6 ай бұрын

Спасибо)

Лайк Максим!!!!!

@maxgraph

2 жыл бұрын

Спасибо)

мегаполезное видео, спасибо)

@maxgraph

3 жыл бұрын

Пожалуйста)

Ещё не посмотрел, но на ютубе из самых понятных про svg, из за тайм кода, все сортировано и понятно

@maxgraph

2 жыл бұрын

👍

Вот и мой заказ))

Спасибо за ролик. Добавлю от себя что не обязательно svg весит меньше чем например png. Я сгенерил svg по подобию аналогичного png и вышла такая картина logo_128_1.svg 391 B 13 ms logo_128_1.png 390 B 11 ms

@maxgraph

2 жыл бұрын

Пожалуйста)

Топчик

@maxgraph

3 жыл бұрын

спасибо )

Thx!!!

@maxgraph

2 жыл бұрын

You're welcome :)

Спасибо, лучший урок, что нашёл на ютубе по svg

@maxgraph

2 жыл бұрын

Пожалуйста)

good

@maxgraph

3 жыл бұрын

Спасибо)

@lisofsky8151

3 жыл бұрын

@@maxgraph вам спасибо !

Видео классное, автор, а ты мог бы сделать уроки как стилизовать видео и аудио и добавить к ним плей листы и прочие современные плюшки как например на ютубе?

@maxgraph

3 жыл бұрын

Да, это в планах, просто не в ближайших)

Мужик, ты меня спас. Я тебя сначала дизлайкнул. Потом еле нашел твой видос. И чуть не прослезился. То что нужно. Большое спасибо!

@maxgraph

2 жыл бұрын

Круто, рад помочь =)

Морда микки мауса)))

Спасибо автору, все отлично за исключением точек координат треугольника, там не правильно объясняется. Правильно вот так - ( x,y x,y x,y )

@maxgraph

2 жыл бұрын

Пожалуйста)

+

Приветствую! У меня странный глюк с svg происходит: когда экспортирую его из Иллюстратора, то выглядит он правильно, но если его забросить в Adobe XD и экспортировать потом оттуда, то в объектах пропадают дырки. То есть, например, буква О превращается в сплошной круг (без пустоты внутри). Любая пустая область в объектах просто схлопывается. НО, если SVG изначально делается в Inkscape и проходит ту же процедуру импорта-экспорта через Adobe XD, то с ним таких глюков нет и дырки в объектах никуда не пропадают. Не знаете, почему может быть такое? Как сделать, чтобы отверстия в объектах в SVG не исчезали?

14:30 проще говоря координаты центра

Svg спрайт на фон можно вешать background-image: url(../images/icons/icons.svg#libra); Есть вопрос как можно path готовой svg иконки подогнать под размер svg. Например я ставлю svg 34 и 21 размер, фактически иконка получается 16 и 10, preserveAspectRatio="none" не помогает, остается задавать размер svg намного больше, но не удобно ее позиционировать.

@maxgraph

3 жыл бұрын

Спрайт не работает, я и спрашивал у Макеева того же, и сам пытался. Не хочет) насчет размера - играться с preserveAspectRatio еще, или с viewBox. Но я нередко просто прошу дизайнера переделать)

@b.7690

3 жыл бұрын

@@maxgraph Странно, но вот я закинул через фон из свгспрайта cdn1.savepice.ru/uploads/2020/8/15/2750fa72bb0b2f047d85ff1f0858008b-full.jpg, в левом углу письмо, на before...

То есть, если использовать спрайты, то конкретно в плане запросов на сервер у SVG нет преимуществ перед другими форматами изображений?

@maxgraph

2 жыл бұрын

Можно менять цвет иконок ещё

svg спрайт будет работать только сервере в интернете, или на локальном тоже будет работать?

@maxgraph

3 жыл бұрын

Только на сервере

@sosningrigorii2567

3 жыл бұрын

@@maxgraph Спасибо! Ты первый, кто ответил на мой коммент из всех блогеров, кому я задавал вопросы!! Есть ведь и бесплатные хостинги на первое время найти?

@maxgraph

3 жыл бұрын

Насчёт хостинга - наверняка что-то есть, но я не искал)

@user-or1hy4xz8u

Жыл бұрын

@@maxgraph ого... не думал, что при статичном html-css спрайт не работает.

Когда я вставляю несколько свг на страницу, то у меня все Dom-элементы, которые идут после свг исчезают из дерева. Их просто нет в html-документе. Кто-нибудь сталкивался с таким? Нормально работает только вставка с помощью тега img и object, все остальные способы ломают разметку.

в тестовом задании в логотипе нужно передвинуть красную букву на место. как это можно сделать?

А вот такая задачка svg спрайт в отдельном файле, и нужно подключить иконку, простой шарик заполненный градиентом, справа от него текст. При подключении виден только текст, а градиента нет

@maxgraph

2 жыл бұрын

Я бы просто сделал иконку фоном, без спрайтов

@egorbystrov9770

2 жыл бұрын

@@maxgraph в этом то и проблема, по ТЗ нужно подключать все возможные иконки из спрайта, понятное дело за исключением простых картинок по типу фото и тд. Намучился с этими спрайтами уже. Спасибо за контент и за то, что отвечаешь

@maxgraph

2 жыл бұрын

Что за тз такое странное))

@egorbystrov9770

2 жыл бұрын

@@maxgraph хз, отборочное на трудоустройство, но у меня горит уже с этих спрайтов, можно, конечно, в разметке через юз, но во-первых не хочется засорять код, а во-вторых хочется через ::after или :: before

@AntonioBenderas

Жыл бұрын

@@egorbystrov9770 ну как, решил задачу?

Есть ли у него минус?

@maxgraph

2 жыл бұрын

У чего?

@assetdev1859

2 жыл бұрын

@@maxgraph svg

@maxgraph

2 жыл бұрын

Да вроде нет)

Блин, все бы ничего, если бы не говорил скороговорками. Куча слов нифига непонятно. Строчит как из пулемёта. Половину слов просто проглатывает...

@maxgraph

3 жыл бұрын

Есть такое (

То есть, если svg спрайты лежат во внешнем файле sprite.svg, то в style.css через background-image не получиться подключать?

@maxgraph

2 жыл бұрын

Да

@higgsboson3849

2 жыл бұрын

@@maxgraph Спасибо.