Signature_pad: recortar toDataURL ('imagen / svg + xml');

Creado en 7 feb. 2017  ·  5Comentarios  ·  Fuente: szimek/signature_pad

Hola. Aunque he leído publicaciones sobre cómo recortar el lienzo, su salida es base 64 png. y sí, no todo el mundo tiene acceso al servidor, por lo que realizar el recorte del lado del cliente definitivamente sería útil.

quisiera solicitar tener un cultivo para base 64 svg. svg sigue siendo mejor para la salida porque es vector.

enhancement

Todos 5 comentarios

protuberancia. Esta es una caracteristica muy útil. ^ _ ^

espero que esta característica despierte algún interés

Tres años y ni siquiera una respuesta. Protuberancia

Tres años y ni siquiera una respuesta. Protuberancia

Muy bien, esto me emocionó y quiero cerrar este problema de una vez por todas. Volveré con solución. codificación feliz.

Los RP son bienvenidos, aunque si este código de recorte pudiera implementarse como una biblioteca separada o como una función separada que no tenga que importarse si no se usa, sería preferible evitar sobrecargar esta biblioteca con características que pocas personas necesitan.

Además, ya no mantengo esta biblioteca. Intentaré limpiar algunas cosas pronto y actualizaré el archivo README con información de que estoy buscando un mantenedor.

Lamento haber sonado ofensivo. No tenía la intención de ofender a nadie. Gracias por este paquete, lo estoy usando felizmente. Lo que no me gusta en mi búsqueda de respuestas específicas es navegar a través de tickets antiguos y abiertos que no recibieron ninguna respuesta, por lo que quizás pasé por alto la respuesta aparente de szimek, que lo tomó como una mejora. Nuevamente, gracias por este paquete.

Para cualquiera que busque desesperadamente formas de recortar SVG, descubrí varias soluciones.

  1. Tuve suerte, porque estoy usando esas firmas en fabric.js, donde puedes importar SVG de manera que recorta el espacio en blanco automáticamente. Vea este fragmento de código:
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, puede modificar la propiedad viewBox en su código xml SVG para mostrar solo la firma.

  1. De lo contrario, si el fondo está en blanco, simplemente puede omitir el recorte de cualquier espacio en blanco y trabajar con la "imagen" vectorial completa de su firma. En otro problema, donde incluyo el SVG en un archivo PDF, fui por este camino.
¿Fue útil esta página
0 / 5 - 0 calificaciones

Temas relacionados

siggifv picture siggifv  ·  3Comentarios

jsruok picture jsruok  ·  11Comentarios

MarcGodard picture MarcGodard  ·  8Comentarios

Sparticuz picture Sparticuz  ·  7Comentarios

erangaapp picture erangaapp  ·  8Comentarios