Hi. I'm looking at what I think is a fairly simple project. I need to convert JSON data into an SVG image.
I've got a javascript platform that accepts a handwriting sample/signature, along with a name, then writes the JSON into a MYSQL database. What I need to do is convert that JSON feed into an embedded SVG image (via CSS) when I open a specific page on my admin side.
The submission page is located here:
[login to view URL]
It is based on this:
[login to view URL]
This is a question that has been asked and answered -with solution code - on Stack Overflow, but I just need it implemented. Here's that URL:
[login to view URL]
I can provide access to website directory and database, if need be. As an aside, I'm building this into a ColdFusion page. Don't think that matters, though.
Here is a JSON sample to convert to SVG:
[{"lx":13,"ly":37,"mx":13,"my":36},{"lx":13,"ly":37,"mx":13,"my":37},{"lx":13,"ly":33,"mx":13,"my":37},{"lx":16,"ly":30,"mx":13,"my":33},{"lx":17,"ly":26,"mx":16,"my":30},{"lx":18,"ly":24,"mx":17,"my":26},{"lx":19,"ly":22,"mx":18,"my":24},{"lx":21,"ly":20,"mx":19,"my":22},{"lx":22,"ly":19,"mx":21,"my":20},{"lx":24,"ly":18,"mx":22,"my":19},{"lx":26,"ly":17,"mx":24,"my":18},{"lx":29,"ly":16,"mx":26,"my":17},{"lx":31,"ly":14,"mx":29,"my":16},{"lx":33,"ly":14,"mx":31,"my":14},{"lx":39,"ly":13,"mx":33,"my":14},{"lx":42,"ly":12,"mx":39,"my":13},{"lx":46,"ly":12,"mx":42,"my":12},{"lx":50,"ly":11,"mx":46,"my":12},{"lx":51,"ly":11,"mx":50,"my":11},{"lx":52,"ly":11,"mx":51,"my":11},{"lx":54,"ly":12,"mx":52,"my":11},{"lx":54,"ly":14,"mx":54,"my":12},{"lx":56,"ly":16,"mx":54,"my":14},{"lx":57,"ly":17,"mx":56,"my":16},{"lx":57,"ly":19,"mx":57,"my":17},{"lx":57,"ly":20,"mx":57,"my":19},{"lx":57,"ly":21,"mx":57,"my":20},{"lx":57,"ly":22,"mx":57,"my":21},{"lx":58,"ly":22,"mx":57,"my":22},{"lx":59,"ly":23,"mx":58,"my":22},{"lx":60,"ly":24,"mx":59,"my":23},{"lx":61,"ly":24,"mx":60,"my":24},{"lx":61,"ly":25,"mx":61,"my":24},{"lx":62,"ly":25,"mx":61,"my":25},{"lx":63,"ly":25,"mx":62,"my":25},{"lx":64,"ly":25,"mx":63,"my":25},{"lx":66,"ly":24,"mx":64,"my":25},{"lx":73,"ly":18,"mx":66,"my":24},{"lx":78,"ly":14,"mx":73,"my":18},{"lx":84,"ly":9,"mx":78,"my":14},{"lx":88,"ly":6,"mx":84,"my":9},{"lx":89,"ly":5,"mx":88,"my":6},{"lx":89,"ly":4,"mx":89,"my":5},{"lx":90,"ly":4,"mx":89,"my":4},{"lx":90,"ly":5,"mx":90,"my":4},{"lx":90,"ly":6,"mx":90,"my":5},{"lx":91,"ly":7,"mx":90,"my":6},{"lx":91,"ly":8,"mx":91,"my":7},{"lx":92,"ly":11,"mx":91,"my":8},{"lx":94,"ly":16,"mx":92,"my":11},{"lx":99,"ly":24,"mx":94,"my":16},{"lx":104,"ly":32,"mx":99,"my":24},{"lx":109,"ly":39,"mx":104,"my":32},{"lx":117,"ly":48,"mx":109,"my":39},{"lx":121,"ly":53,"mx":117,"my":48},{"lx":124,"ly":56,"mx":121,"my":53},{"lx":150,"ly":48,"mx":150,"my":47},{"lx":150,"ly":47,"mx":150,"my":48},{"lx":154,"ly":43,"mx":150,"my":47},{"lx":157,"ly":40,"mx":154,"my":43},{"lx":159,"ly":37,"mx":157,"my":40},{"lx":159,"ly":35,"mx":159,"my":37},{"lx":160,"ly":35,"mx":159,"my":35},{"lx":161,"ly":35,"mx":160,"my":35},{"lx":162,"ly":35,"mx":161,"my":35},{"lx":163,"ly":35,"mx":162,"my":35}]