Signature_pad: toDataURL（ 'image / 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. それ以外の場合、背景が空白の場合は、空白のトリミングを省略して、署名の完全なベクトル「画像」で作業することができます。 別の問題では、SVGをPDFファイルに含める場合、この方法を使用しました。