Signature_pad: recadrer versDataURL('image/svg+xml');

Créé le 7 févr. 2017  ·  5Commentaires  ·  Source: szimek/signature_pad

salut. alors que j'ai lu des articles sur la façon de recadrer le canevas, sa sortie est en base 64 png. et oui, tout le monde n'a pas accès au serveur, donc effectuer le rognage côté client serait certainement utile.

aimerait demander un recadrage pour la base 64 svg. svg est toujours le meilleur pour la sortie car il s'agit d'un vecteur.

enhancement

Tous les 5 commentaires

cogner. c'est une fonctionnalité très utile. ^_^

j'espère que cette fonctionnalité suscite un certain intérêt

Trois ans plus tard et même pas de réponse. Cogner

Trois ans plus tard et même pas de réponse. Cogner

D'accord, cela m'a rendu ému et j'ai voulu clore ce problème une fois pour toutes. Sera de retour avec une solution. bon codage.

Les PR sont les bienvenus, mais si ce code de recadrage pouvait être implémenté en tant que bibliothèque distincte ou en tant que fonction distincte qui ne peut pas avoir à être importée s'il n'est pas utilisé, ce serait préférable pour éviter de surcharger cette bibliothèque avec des fonctionnalités dont peu de gens ont besoin.

De plus, je ne gère plus vraiment cette bibliothèque. Je vais essayer de nettoyer quelques choses bientôt et de mettre à jour le fichier README avec les informations que je recherche pour un mainteneur.

Je suis désolé d'avoir eu l'air offensant. Je n'avais pas l'intention d'offenser qui que ce soit. Merci pour ce paquet, je l'utilise avec plaisir. Ce que je n'aime pas dans ma recherche de réponses spécifiques, c'est de parcourir les tickets anciens et ouverts qui n'ont reçu aucune réponse. Encore une fois, merci pour ce paquet.

Pour tous ceux qui cherchent désespérément des moyens de recadrer SVG, j'ai découvert plusieurs solutions.

  1. J'ai eu de la chance, car j'utilise ces signatures dans fabric.js, où vous pouvez importer SVG de manière à rogner automatiquement l'espace blanc. Voir cet extrait de code :
fabric.loadSVGFromURL(svgFilePath, () => {
  // these are your signature path elements grouped together 
    var loadedObjects = new fabric.Group(group);
  },
  function (item, object) {
    object.set("id", item.getAttribute("id"));
    group.push(object);
  }
);

2, vous pouvez modifier la propriété viewBox dans votre code XML SVG pour n'afficher que la signature.

  1. Sinon, si l'arrière-plan est vide, vous pouvez simplement omettre de couper les espaces et travailler avec l'"image" vectorielle complète de votre signature. Dans un autre problème, où j'inclus le SVG dans un fichier PDF, j'ai suivi cette voie.
Cette page vous a été utile?
0 / 5 - 0 notes

Questions connexes

lowe493 picture lowe493  ·  5Commentaires

crazzeto picture crazzeto  ·  8Commentaires

Zuldra picture Zuldra  ·  4Commentaires

hostcia picture hostcia  ·  6Commentaires

siggifv picture siggifv  ·  3Commentaires