Chuyển đổi svg thành json

Question

Tôi muốn có thể tạo một ảnh svg trong Illustrator và chuyển đổi nó thành json để có thể sử dụng nó với Raphael js, như dưới đây.

Làm cách nào để thực hiện điều này mà không có tập lệnh phía máy chủ?

Những gì tôi muốn:

[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'}]; 

Answer 1

Như tôi hiểu, vấn đề của bạn là Raphael không hoạt động với SVG đính kèm. Có một cách để biến SVG thành đối tượng Raphael và sau đó bạn có thể sử dụng nó với thư viện Raphael. Chack ra trang web này: http://irunmywebsite.com/raphael/SVGTOHTML_LIVE.php

Answer 2

Kể từ svg là xml bạn có thể sử dụng một xml để chuyển đổi json như thế này: http://www.utilities-online.info/xmltojson

Answer 3

Dưới đây là một giải pháp sử dụng Python: https://github.com/gwintrob/svg-to-json

tôi stumbled trên repo GitHub này sử dụng JS, nhưng nó không hỗ trợ tệp SVG lớn: https://github.com/chrisfinch/svg-to-json