I
<svg class="icon" viewBox="0 0 100 125">
<use class="ic-1" xlink:href="#ic" x="0" y="0" />
</svg>
<use class="ic-1" xlink:href="#ic" x="0" y="0" />
</svg>
Size: a a a
2020 July 03
RG
А вот вопрос. Можно ли вставить в дом свгшку например как через img тег но чтобы можно было менять её стиля?
через тег img нет
B
через тег img нет
Через него я знаю что нет
I
собираешь спрайт и инклудишь его вначало страницы, оборачиваешь в див
B
<svg class="icon" viewBox="0 0 100 125">
<use class="ic-1" xlink:href="#ic" x="0" y="0" />
</svg>
<use class="ic-1" xlink:href="#ic" x="0" y="0" />
</svg>
В xlink ссылка же по якорю должна быть
I
див прячешь display none, или можешь напрямую к спрайту обращаться
B
А без спрайта?
RG
А вот вопрос. Можно ли вставить в дом свгшку например как через img тег но чтобы можно было менять её стиля?
вопрос состоял в том чтобы вставить через img, через него нет, только через svg спрайты или напрямую через svg
I
вопрос состоял в том чтобы вставить через img, через него нет, только через svg спрайты или напрямую через svg
вообще то он написал как через img
RG
Искала трое суток)))), везде реальные облака плывут по экрану. Эффектно конечно, но не мое тз
I
а не через img
Л
или должны волны менятся?
Волны
I
А без спрайта?
берешь свгшку, обрачиваешь её серединку вот так <svg>
<symbol id="ic">
<path fill="#000" .809-2.268-2.273-2.268-3.958C23.24,38.389,25.303,36.316,27.842,36.301z M50.01,86.723L27.73,49.13h44.541L50.01,86.723z"/>
</symbol>
</svg>
<symbol id="ic">
<path fill="#000" .809-2.268-2.273-2.268-3.958C23.24,38.389,25.303,36.316,27.842,36.301z M50.01,86.723L27.73,49.13h44.541L50.01,86.723z"/>
</symbol>
</svg>
I
и так же как выше показал инклудишь, и потом через current color или через inherit all или другой вариант стилизируешь
RG
и так же как выше показал инклудишь, и потом через current color или через inherit all или другой вариант стилизируешь
какой смысл вставлять так один символ ? не проще просто svg вставить туда где он должен отображаться, без use ?
AB
По Vue.js какой курс, сайт/канал для самостоятельного изучения порекомендуете?
I
какой смысл вставлять так один символ ? не проще просто svg вставить туда где он должен отображаться, без use ?
чел, он же спросил про варианты, как можно еще сделать не инклудя свг, может он не хочет код засирать
Л
Спасибо. Пару секунд в середине этого кода то, что нужно.
RG
чел, он же спросил про варианты, как можно еще сделать не инклудя свг, может он не хочет код засирать
это не имеет смысла вообще, чел
RG
и svg спрайты делаются не ради 'не засирать код'