問題タブ [signaturepad]

反応する Web アプリケーションにデジタル署名を使用したいのですが、react signature_pad に出会いましたが、署名を単独で描画する機能があります。ファンシーなフォントで名前を入力でき、署名を描画するオプションを提供する反応ライブラリはありますか

現在、次のライブラリを使用しています: https://www.npmjs.com/package/vue-signature-pad次の例があります: https://codesandbox.io/s/n5qjp3oqv4

例として適用していますが、モーダルにしています：

モーダルの外で使用すると、正しく機能します。ただし、モーダルで機能させるには、画面のサイズを変更する必要があります (たとえば、DevTools を使用してレスポンシブToggle device toolbarフォームを表示します)。

空の署名パッドを送信

署名パッドと SkiaSharp のキャンバスを使用していますが、ユーザーが描画した後に送信し、base 64 にエンコードすると、サーバーに空のキャンバスしか表示されません

サービスで送信するメソッド... public async Task PostSignature( string urlBase, string folio, string imageBase64) { try { var client = new HttpClient(); var response = await client.PostAsync(urlBase, new StringContent(string.Format( "idReporte={0}&imgFirma={1}", folio, imageEncoded), Encoding.UTF8, "application/x-www-form-urlencoded" ));

リクエストを終了...

画像は空で、問題なくデコードされ、フォルダー パスに読み込まれます。

Xamarin SignaturePage コントロール(github)の操作。署名ストロークを期待どおりに正確にキャプチャし、それをシリアル化して保存します。ストロークを逆シリアル化し、コントロール内でそれらを復元しようとすると、単に「かかりません」。

SignaturePad.Strokes = strokesストロークが Xamarin.Forms.Point 配列の完全な配列である場所を設定します。しかし、Strokes設定後に値を確認すると、設定されていないかのように常に空です。

エラーを見つけるためにソース コードをビルドしようとしましたが、ビルドできませんでした。何が間違っている可能性があるかについて他の考えを持っている人はいますか?

ご協力ありがとうございました！

ユーザーが署名する必要があるデータを入力した後の私のアプリケーションでは、署名パッドプラグインを使用しています: https ://github.com/szimek/signature_pad 署名をbootstrap4のモーダルに入れます。

問題は、モーダルを開く前に、その中のキャンバスのサイズが 0x0 ピクセルであるため、モーダルを開いたときに画面のサイズを変更してライブラリを初期化する必要があることです。

幅を計算するときにmodal-bodyを送ってみました。幅と高さのマニュアルを入れましたが、うまくいきません。