конвертировать SVG в HTML + CSS

Question

Я хочу конвертер из формата SVG в (HTML + CSS)

<g transform="matrix(1.25,0,0,-1.25,0,15.56875)">


    <text transform="matrix(1,0,0,-1,76.881,0)">
        <tspan style="font-size: 7.87px; font-family: 'XITSMath';" x="0" y="0">N</tspan>
    </text>


    <text transform="matrix(1,0,0,-1,88.499,7.313)">
        <tspan style="font-size: 7.87px; font-family: 'XITSMath';" x="0" y="0">T</tspan>
    </text>
</g>

Теперь я хочу преобразовать значения матрицы, x и y в атрибуты css. Например, T здесь - верхний индекс, N - индекс, и это делается с помощью атрибутов tarnsform, x и y И я хочу перевести этот суб / супер сценарий эффект для CSS в документе HTML. Я нашел скрипт Python, который называется svg2css, и другой, который называется svg2html, но я не могу найти никакой информации о том, как их протестировать. Это скрипт svg2css: http://sourceforge.net/projects/svg2css/files/
И это скрипт svg2html: http://jspoker.pokersource.info/jpoker-1.0.16/test-svg2html.py
Я также нашел это, кажется, тестовый код для скрипта svg2html: http://jspoker.pokersource.info/jpoker-1.0.16/test-svg2html.py Привет друзья, наконец-то я нашел способ протестировать скрипт Python svg2css, но это приводит к сообщению об ошибке: Я попытался использовать расширение svg2css inkscape в python, которое преобразует файл svg в его эквивалент css + html, но это не привело к выводу с предупреждением:

Исходный файл C: \ WINDOWS \ Temp \ ink_ext_XXXXXX.svg9EFDKV не является SVG. Мой файл SVG очень прост, он просто содержит один текстовый тег, я попытался сгенерировать CSS + HTML из следующих форматов SVG:

1. обычный SVG
2. Inkscape SVG
3. оптимизированный SVG но все они перестали работать с одним и тем же сообщением об ошибке.
   

Это файл журнала ошибок, созданный в \ Users \ staff \ Application Data \ inkscape:

Не удалось загрузить расширение «Ввод эскиза», поскольку не была найдена зависимость. Зависимость: тип: исполняемый местоположение: путь строка: skconvert

Расширение "LaTeX Input" не удалось загрузить, поскольку не была найдена зависимость. Зависимость: тип: расширение местоположение: расширения строка: org.inkscape.input.sk

Я знаю, что мне следует загрузить эти ресурсы, упомянутые в файле журнала ошибок, и исправить их. Может ли кто-нибудь помочь мне в этом или есть другое решение? СПАСИБО заранее.

Answer 1

Это не совсем возможно, поскольку SVG представляет собой графический формат (изображение).

Так же, как вы не можете напрямую конвертировать JPG или PNG в HTML.

Да, можно создавать таблицы с ячейками 1px, которые имитируют изображение, но я сомневаюсь, что это то, что вы ищете.

---

Обновление:

Поскольку у вас есть только элементы text, вы можете использовать XSL для преобразования SVG в XHTML - однако вам потребуется предоставить свой собственный файл CSS (хотя вы может генерировать это и с XSL, в зависимости от содержимого SVG).