Встраивание SVG в HTML без ссылки

Ok, так что я знаю, как поместить статический SVG в HTML:Встраивание SVG в HTML без ссылки

<object data="your.svg" type="image/svg+xml"> 
    <img src="yourfallback.jpg" /> 
</object>

Но, как я помещаю фактический SVG документ (исключая ссылку, чтобы сохранить запрос HTTP):

<object data='<path d="m315.9,581.1c.....1,22.8z" fill="#fff" stroke="#4ea3ff" stroke-miterlimit="10" stroke-width="36"></path>' type="image/svg+xml"> 
    <img src="yourfallback.jpg" /> 
</object>

Я не могу заставить его работать.

источник

2013-02-18 Justin Cloud

Вы можете сделать данные URI в формате SVG, если вы хотите продолжать использовать тег объекта, см this answer для деталей.

источник

2013-02-19 12:19:28

Спасибо, я буду использовать dataURI –

Просто вставьте svg. Но вам нужно, чтобы запустить его с <svg> тегом, хотя, вы не можете просто использовать сырые <path>

<!DOCTYPE html> 
<html> 
<body> 

<svg height="190"> 
    <polygon points="100,10 40,180 190,60 10,60 160,180" 
    style="fill:lime;stroke:purple;stroke-width:5;fill-rule:evenodd;"> 
</svg> 

</body> 
</html>

источник

2013-02-18 21:03:24

Но это менее поддерживается, чем SVG как объект [ссылка] (http://caniuse.com/#feat=svg) vs [ссылка] (http://caniuse.com/#feat=svg-html5) , Кроме того, с тегом

ответ

Смежные вопросы