Как внести чистый svg в html? (svg кнопка)
Конвертировал картинку в svg, нужно теперь её всунуть в код сайта. Но не ссылкой, а чистым кодом. Нужно всунуть сюда:
<input type="image" src="">
Как это сделать? И что именно из этого нужно вставить?
svg :
<?xml version="1.0" encoding="UTF-8" standalone="no"?>
<svg xmlns="http://www.w3.org/2000/svg" width="500" height="500">
<circle cx="250" cy="250" r="210" fill="#fff" stroke="#000" stroke-width="8"/>
</svg>
Ответы (1 шт):
Автор решения: Stranger in the Q
→ Ссылка
Вот так может выглядеть простейшая Svg кнопка
document.getElementById('button').addEventListener('click', function() {
console.log('click')
})circle {
transition: 200ms;
cursor: pointer;
}
circle:hover {
fill: steelblue
}
circle:active {
r: 240;
}
text {
text-anchor: middle;
dominant-baseline: central;
font-size: 200px;
pointer-events: none;
}<svg id=button viewbox=0,0,500,500 width="50px" height="50px">
<circle cx="250" cy="250" r="210" fill="#fff" stroke="#000" stroke-width="8"/>
<text x="250" y="250">?</text>
</svg>