AE
xahise
лучше через <object>
а чем лучше? там наоборот больше мусора в доме получается.
Size: a a a
2020 October 28
x
Алексей Федоров
о, спасибо большое!
оказалось, там через background
x
а чем лучше? там наоборот больше мусора в доме получается.
лучше тем, что с svg получается практически напрямую работать
AE
Алексей Федоров
согласен
просто хочу этот способ попробовать
что то не работает, потому хотел сначала синтаксис проверить
просто хочу этот способ попробовать
что то не работает, потому хотел сначала синтаксис проверить
а что у тебя не получается то?
способ полностью рабочий но возможно в статье не сказано что браузер не отобразит такие спрайты на локалке, в связи с протоколами безопасности, но если ты запустишь любой сервер (хоть браузерсинк), все будет отображаться
способ полностью рабочий но возможно в статье не сказано что браузер не отобразит такие спрайты на локалке, в связи с протоколами безопасности, но если ты запустишь любой сервер (хоть браузерсинк), все будет отображаться
АФ
а чем лучше? там наоборот больше мусора в доме получается.
ну я макеева смотрел, читал, тоже пришел к тому же выводу
на сегодня варианты
1) через img в html
2) через фон в css
3) вставить инлайново в html
4) через use
5) через object
на сегодня варианты
1) через img в html
2) через фон в css
3) вставить инлайново в html
4) через use
5) через object
АФ
xahise
оказалось, там через background
блин, даже зайти не успел
это не подойдет, не получится менять цвет при событиях типа наведения
это не подойдет, не получится менять цвет при событиях типа наведения
АФ
а что у тебя не получается то?
способ полностью рабочий но возможно в статье не сказано что браузер не отобразит такие спрайты на локалке, в связи с протоколами безопасности, но если ты запустишь любой сервер (хоть браузерсинк), все будет отображаться
способ полностью рабочий но возможно в статье не сказано что браузер не отобразит такие спрайты на локалке, в связи с протоколами безопасности, но если ты запустишь любой сервер (хоть браузерсинк), все будет отображаться
запускал через лайвсервер в ВСК встроенный
АФ
может такое выгрузить на гитхаб и там посмотреть?
AE
Алексей Федоров
ну я макеева смотрел, читал, тоже пришел к тому же выводу
на сегодня варианты
1) через img в html
2) через фон в css
3) вставить инлайново в html
4) через use
5) через object
на сегодня варианты
1) через img в html
2) через фон в css
3) вставить инлайново в html
4) через use
5) через object
короче сходи в чат вебстандартов и спроси у Вадима сам.
использования по сути осталось два (да они все равботают но нафиг не нужны) - через img если надо прсото картинку.
через спрайт если надо что то делать с ним из цсс. use вставляет свг через теневой дом и позволяет прокидывать внутрь цсс.
использования по сути осталось два (да они все равботают но нафиг не нужны) - через img если надо прсото картинку.
через спрайт если надо что то делать с ним из цсс. use вставляет свг через теневой дом и позволяет прокидывать внутрь цсс.
АФ
у меня три варианта на сегодня были
1) через use
2) попробовать сделать в css файле переменную и подгрузить ее инлайново в html (дали совет, но типа попробуй)
3) и обджектом
1) через use
2) попробовать сделать в css файле переменную и подгрузить ее инлайново в html (дали совет, но типа попробуй)
3) и обджектом
AE
Алексей Федоров
может такое выгрузить на гитхаб и там посмотреть?
попробуй так.
АФ
короче сходи в чат вебстандартов и спроси у Вадима сам.
использования по сути осталось два (да они все равботают но нафиг не нужны) - через img если надо прсото картинку.
через спрайт если надо что то делать с ним из цсс. use вставляет свг через теневой дом и позволяет прокидывать внутрь цсс.
использования по сути осталось два (да они все равботают но нафиг не нужны) - через img если надо прсото картинку.
через спрайт если надо что то делать с ним из цсс. use вставляет свг через теневой дом и позволяет прокидывать внутрь цсс.
дык по его статье и смотрел, советует юзать img, если не надо ничего менять или object, если надо менять
АФ
попробуй так.
да, спасибо за совет, завтра буду пробовать
x
Алексей Федоров
у меня три варианта на сегодня были
1) через use
2) попробовать сделать в css файле переменную и подгрузить ее инлайново в html (дали совет, но типа попробуй)
3) и обджектом
1) через use
2) попробовать сделать в css файле переменную и подгрузить ее инлайново в html (дали совет, но типа попробуй)
3) и обджектом
inline считается лучшим способом (по возможности изменения и взаимодействия), но код захламляется
use даёт ограниченные возможности, но если разобраться, то вполне удобно - всё хранится в одном файле, а из него вытаскивается нужное.
object это что-то похожее на теневой DOM.
use даёт ограниченные возможности, но если разобраться, то вполне удобно - всё хранится в одном файле, а из него вытаскивается нужное.
object это что-то похожее на теневой DOM.
x
так?
AE
Алексей Федоров
дык по его статье и смотрел, советует юзать img, если не надо ничего менять или object, если надо менять
это очень очень старая статья. когда она писалась ни один браузер не поддердивал use с xlink:href а сейчас можно просто писать href
АФ
xahise
inline считается лучшим способом (по возможности изменения и взаимодействия), но код захламляется
use даёт ограниченные возможности, но если разобраться, то вполне удобно - всё хранится в одном файле, а из него вытаскивается нужное.
object это что-то похожее на теневой DOM.
use даёт ограниченные возможности, но если разобраться, то вполне удобно - всё хранится в одном файле, а из него вытаскивается нужное.
object это что-то похожее на теневой DOM.
согласен на 100%, потому и пытаюсь огород городить, что бы в случае нескольких десятков свг код html не стал "простыней"
АФ
это очень очень старая статья. когда она писалась ни один браузер не поддердивал use с xlink:href а сейчас можно просто писать href
ага! стало быть третий вариант отброшу и буду разбираться с use
AE
с использованием кастом проперти, и древней переменной currentColor (ее даже иксплорер знает) внешний свг спрайт практически ничем не отличается от инлайна
АФ
с использованием кастом проперти, и древней переменной currentColor (ее даже иксплорер знает) внешний свг спрайт практически ничем не отличается от инлайна
пробовал, не взлетело
но тут уже подозрение, что у меня свг криво сформирован
надо какой то референсный найти
завтра поищу сайты, где свг реагирует на ховер и посмотрю, как там сделано. Утащу его и буду с ним пробовать
но тут уже подозрение, что у меня свг криво сформирован
надо какой то референсный найти
завтра поищу сайты, где свг реагирует на ховер и посмотрю, как там сделано. Утащу его и буду с ним пробовать