Est-il un moyen de convertir en JSON pour un tel objet?

Je suis en train de travailler sur une capture de signature de l'applet et l'une des conditions est qu'il enregistre la signature d'une SVG pour une utilisation future. Je suis actuellement en utilisant Signature Pad à la capture de la signature, mais il la stocke sous forme de JSON. Est-il de toute façon à générer une SVG de l'objet à l'aide de JSON, ou je suis aller sur ce de la mauvaise façon?

La Signature Tampon de la bibliothèque comprend des méthodes pour créer des les éléments canvas dans le JSON, ainsi que des liens vers bibliothèques que de générer des images. Sont ceux qui sont insuffisants?
Malheureusement, ils sont. Mon client veut utiliser SVGs parce qu'il veut être en mesure d'utiliser les objets dans son code actuel, et que la seule alternative que j'ai trouvé pour générer SVGs à l'aide de la Signature Pad nécessite php. Je préfère éviter d'avoir à réécrire le php aspx pour mon projet.

OriginalL'auteur rkingrum | 2013-07-03

  1. 8

    Heureusement Signature Pad encode les données JSON dans un super lisible. Parce que SVG est juste un document texte, on peut facilement générer par programmation d'une image SVG, compte tenu de la encodé en JSON signature.

    Comme une preuve de concept, prendre cette régénéré signature de la pastille docs. Nous avons juste besoin de générer des chemins SVG à partir de chaque objet. En regardant les source comment c'est fait de toile (recherche de drawSignature), vous pouvez faire un simple exemple dans la langue que vous choisissez.

    Voici un jsfiddle pour en JavaScript.

    function generate_svg(paths) {
  var svg = '';
  svg += '<svg width="198px" height="55px" version="1.1" xmlns="http://www.w3.org/2000/svg">\n';

  for(var i in paths) {
    var path = '';
    path += 'M' + paths[i].mx + ' ' + paths[i].my;   //moveTo
    path += ' L ' + paths[i].lx + ' ' + paths[i].ly; //lineTo
    path += ' Z';                                    //closePath
    svg += '<path d="' + path + '"stroke="blue" stroke-width="2"/>\n';
  }

  svg += '</svg>\n';
  return svg;
}
    Cela a très bien fonctionné pour moi, merci beaucoup!

    OriginalL'auteur Oliver