Как добавить inline SVG?
От: keksov  
Дата: 17.02.14 15:18
Оценка:
Есть вот такой минимальный html, который корректно отображается в Хроме:



<html>
<head><meta http-equiv="Content-Type" content="text/html; charset=utf-8"></head>
<body>
<div style="background-color:red;width:24px;height:18px;" width="24">
<svg xmlns="http://www.w3.org/2000/svg">
 <g transform="translate(0,-1038.25)">
  <path stroke-linejoin="miter" d="m0.16604,1042.8,9.6305-0.039,0-4.2291,11.914,6.7906-11.925,6.8847,0-3.8008-9.62,0z" stroke="#000" stroke-linecap="butt" stroke-width="0.33208615px" fill="#000"/>
 </g>
</svg>
</div>
</body>
</html>

Для проверки в htmlayout 3.3.3.13 использую bin64\win64.exe, но красный div пуст.
В html_samples\svg есть примеры, но мне нужен именно inline.
Есть ли какой-то другой синтаксис, поддерживаемый в htmlayout?

Спасибо,
Дмитрий
Re: Как добавить inline SVG?
От: keksov  
Дата: 24.02.14 12:58
Оценка:
Сам спросил, сам ответил

Если кому-то еще будет нужно, то решение выглядит вот так:

<html>
<body>
  <img src="data:text/svg;base64,PHN2ZyB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciPg0KIDxnPg0KICA8cGF0aCBzdHJva2UtbGluZWpvaW49Im1pdGVyIiBkPSJtMCw0LjMsOS42MzA1LTAuMDM5LDAtNC4yMjkxLDExLjkxNCw2Ljc5MDYtMTEuOTI1LDYuODg0NywwLTMuODAwOC05LjYyLDB6IiBzdHJva2U9IiMwMDAiIHN0cm9rZS1saW5lY2FwPSJidXR0IiBzdHJva2Utd2lkdGg9IjAuMzMyMDg2MTVweCIgZmlsbD0iIzAwMCIvPg0KIDwvZz4NCjwvc3ZnPg==" />
</body>
</html>


Вместо img можно использовать любой другой элемент, допускающий использование background-image
 
Подождите ...
Wait...
Пока на собственное сообщение не было ответов, его можно удалить.