@Muvka

Правильно ли сделан svg спрайт?

Для рейтинга потребовалось создать svg спрайт. Погуглив сделал вот такое
<svg width="196" height="16" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 196 16">
  <symbol id="star">
    <path d="M8 1L10.0161 5.22507L14.6574 5.83688L11.2621 9.05993L12.1145 13.6631L8 11.43L3.8855 13.6631L4.73788 9.05993L1.3426 5.83688L5.9839 5.22507L8 1Z"/>
  </symbol>
  <use href="#star" fill="#FF9C28"></use>
  <use x="20" href="#star" fill="#FF9C28"></use>
  <use x="40" href="#star" fill="#FF9C28"></use>
  <use x="60" href="#star" fill="#FF9C28"></use>
  <use x="80" href="#star" fill="#FF9C28"></use>
  <use x="100" href="#star" fill="#D0D8E2"></use>
  <use x="120" href="#star" fill="#D0D8E2"></use>
  <use x="140" href="#star" fill="#D0D8E2"></use>
  <use x="160" href="#star" fill="#D0D8E2"></use>
  <use x="180" href="#star" fill="#D0D8E2"></use>
</svg>

В браузерах вроде все хорошо, но смущает, что ни inkscape ни просмотрщик изображений не показывают звезды. Это нормально или я что-то неправильно сделал?
  • Вопрос задан
  • 148 просмотров
Решения вопроса 1
petermzg
@petermzg
Самый лучший программист
Use не имеет href, есть только xlink:href
<use xlink:href="#star" />
Ответ написан
Пригласить эксперта
Ваш ответ на вопрос

Войдите, чтобы написать ответ

Войти через центр авторизации
Похожие вопросы