LINUX.ORG.RU
решено Форум — Web-development  

Как показать SVG-картинку в белом кружке?

 , , кружок


0

1

Есть SVG-картинка, например такая:

https://cdn.rawgit.com/xintrea/mytetra_syncro/master/icons/Gnome/color_gnome_...

Нужно вывести ее на HTML-странице на фоне белого кружка. Размер картинки должен быть 24x24px, а размер белого кружка должен быть, например 32x32px.

Вопросы:

Можно ли это сделать без использования растровой/векторной бэкграунд-картинки? Как?

Можно ли это сделать с использованием векторной бэкграунд-картинки с белым кружком? Как?

★★★★★
← Web framework или среда для Web-разработки для новичка
хочу написать игру на чистом HTML5 →

Да. CSS:

<div style="width:60px;height:60px;display:block;border-radius:50%;background:rgb(255,255,255)">
<img src="https://cdn.rawgit.com/xintrea/mytetra_syncro/master/icons/Gnome/color_gnome_2_chardevice.svg" style="width:30px;height:30px;margin:15px"/>
</div>

Shadow ★★★★★
()
Последнее исправление: Shadow (всего исправлений: 1)
Вы не можете добавлять комментарии в эту тему. Тема перемещена в архив.
← Web framework или среда для Web-разработки для новичка
Web-development
хочу написать игру на чистом HTML5 →