Преобразование svg в json

Я хочу иметь возможность создать svg-изображение в Illustrator и преобразовать его в json, чтобы иметь возможность использовать его с Raphael js, как показано ниже.

Как это можно сделать без сценария на стороне сервера?

что хочется:

[0,0,255.3,298.5,{type:'path',path:'M 35.3 257.2 C 34.4 245.7 45.4 234.1 48.5 223 C 53.6 204.3 55 185 60 166.2 C 69.5 131 69.6 97.1 89.1 65.1 C 103.4 41.7 129.5 5.3 161.3 19.7 C 184.6 30.3 181.3 59.2 188.9 78.9 C 207.5 127.3 228.6 184.8 230.3 237.3 C 231.3 268.6 202.8 261.3 178.2 264 C 149.2 267.1 120 269.6 91 272.2 C 84.2 272.8 75.8 274.2 69 273 C 60.9 271.6 28.9 259.9 31.3 249.2','fill':'#39b54a','stroke':'none','stroke-width':'0','fill-opacity':'1','stroke-opacity':'0'}];
7
json path raphael svg

3 ответов

Как я понял, ваша проблема в том, что Рафаэль не работает с импортированным SVG. Существует способ сделать SVG объектом Рафаэля, а затем вы можете использовать его с библиотекой Рафаэля. Проверяем этот сайт: http://irunmywebsite.com/raphael/SVGTOHTML_LIVE.php

2

поскольку svg является xml, вы можете использовать конвертер xml в json, например:http://www.utilities-online.info/xmltojson

2

вот решение с использованием Python: https://github.com/gwintrob/svg-to-json

я наткнулся на это репозиторий GitHub, который использует JS, но он не поддерживает большой SVG-файл:https://github.com/chrisfinch/svg-to-json

0