Signature_pad: cortar toDataURL ('imagem / svg + xml');

Criado em 7 fev. 2017  ·  5Comentários  ·  Fonte: szimek/signature_pad

Oi. enquanto o ive leu postagens sobre como recortar a tela, sua saída é de base 64 png. e sim, nem todos têm acesso ao servidor, portanto, fazer o corte do lado do cliente seria definitivamente útil.

gostaria de solicitar uma colheita para svg de base 64. svg ainda é melhor para saída porque é um vetor.

enhancement

Todos 5 comentários

ressalto. este é um recurso muito útil. ^ _ ^

espero que este recurso desperte algum interesse

Três anos depois e nem mesmo uma resposta. Ressalto

Três anos depois e nem mesmo uma resposta. Ressalto

Tudo bem, isso me emocionou e queria encerrar este problema de uma vez por todas. Estarei de volta com solução. codificação feliz.

Os PRs são bem-vindos, embora se esse código de corte pudesse ser implementado como uma biblioteca separada ou como uma função separada que não precisa ser importada se não for usada, seria preferível evitar o inchaço desta biblioteca com recursos de que poucas pessoas precisam.

Além disso, não estou mais mantendo esta biblioteca. Tentarei limpar algumas coisas em breve e atualizar o arquivo README com informações que procuro um mantenedor.

Lamento ter soado ofensivo. Não pretendia ofender ninguém. Obrigado por este pacote, estou feliz em usá-lo. O que eu não gosto na minha busca por respostas específicas é navegar por tickets antigos e abertos que não receberam nenhuma resposta, então talvez eu tenha esquecido a resposta aparente de szimek, que ele pegou como um aprimoramento. Mais uma vez, obrigado por este pacote.

Para qualquer pessoa que esteja desesperadamente procurando maneiras de cortar o SVG, eu descobri várias soluções.

  1. Tive sorte, porque estou usando essas assinaturas em fabric.js, onde você pode importar SVG de uma forma que apare o espaço em branco automaticamente. Veja este snippet 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, você pode modificar a propriedade viewBox em seu código xml SVG para mostrar apenas a assinatura.

  1. Caso contrário, se o fundo estiver em branco, você pode simplesmente omitir o corte de qualquer espaço em branco e trabalhar com o vetor- "imagem" completo de sua assinatura. Em outro problema, onde incluo o SVG em um arquivo PDF, fui por este caminho.
Esta página foi útil?
0 / 5 - 0 avaliações

Questões relacionadas

50l3r picture 50l3r  ·  3Comentários

crazzeto picture crazzeto  ·  8Comentários

rmmackay picture rmmackay  ·  7Comentários

chenks picture chenks  ·  7Comentários

hostcia picture hostcia  ·  6Comentários