Signature_pad: 자르기 toDataURL('이미지/svg+xml');

충돌. 이것은 매우 유용한 기능입니다. ^_^

이 기능이 관심을 끌기를 바랍니다.

3년이 지났는데도 답이 없다. 충돌

3년이 지났는데도 답이 없다. 충돌

좋아, 이것은 나를 감정적으로 만들었고 이 문제를 한 번에 끝내고 싶었습니다. 솔루션으로 돌아올 것입니다. 행복한 코딩.

PR을 환영하지만 이 자르기 코드를 별도의 라이브러리로 구현하거나 사용하지 않는 경우 가져올 필요가 없는 별도의 기능으로 구현할 수 있다면 소수의 사람들이 필요로 하는 기능으로 이 라이브러리가 부풀려지는 것을 방지하는 것이 좋습니다.

또한 더 이상 이 라이브러리를 유지 관리하지 않습니다. 나는 곧 몇 가지를 정리하고 내가 유지 보수를 찾고 있는 정보로 README 파일을 업데이트하려고 노력할 것입니다.

공격적으로 들렸던 점 죄송합니다. 나는 누군가를 화나게 할 의도가 없었다. 이 패키지를 주셔서 감사합니다. 행복하게 사용하고 있습니다. 특정 답변을 검색할 때 마음에 들지 않는 것은 응답을 받지 못한 이전 티켓과 공개 티켓을 검색하는 것입니다. 그래서 아마도 제가 szimeks의 명백한 응답을 간과하고 개선 사항으로 받아들였을 것입니다. 이 패키지에 다시 한 번 감사드립니다.

SVG를 자르는 방법을 필사적으로 찾는 사람에게 여러 솔루션에 대해 알아 냈습니다.

1. 나는 fabric.js에서 이러한 서명을 사용하고 있기 때문에 운이 좋았습니다. 여기에서 공백을 자동으로 자르는 방식으로 SVG를 가져올 수 있습니다. 다음 코드 스니펫을 참조하세요.

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, SVG xml 코드의 viewBox 속성을 수정하여 서명만 표시할 수 있습니다.

1. 그렇지 않고 배경이 비어 있는 경우 공백 제거를 생략하고 서명의 전체 벡터 "이미지"로 작업할 수 있습니다. PDF 파일에 SVG를 포함하는 또 다른 문제에서는 이 방법을 사용했습니다.