問題タブ [signaturepad]

jQuery を使用してオブジェクトの値を変更する方法を教えてください。私はオブジェクトを持っており、セレクターを知っていますが、クリック時に RGB 値を変更するにはどうすればよいですか? penColor を変更しようとしています。4 つのリスト アイテム (黄、緑、青、オレンジ) にデータの色があります。ユーザーが黄色をクリックすると、js オブジェクトはオブジェクトの値を変更しますか?

そして、ここにマークアップがあります：

私は初心者なので、私の質問がばかげている場合はご容赦ください。私の問題は、https ://github.com/thomasjbradley/signature-pad/blob/master/examples/accept-multiple-signatures.html の手順を使用して複数の署名を実行しようとするときです。

クラス「sigPad」を Form タグから Div タグに移動すると (リンクの例のように)、domPDF の作成が機能しません。「画像が見つかりません」。

したがって、私の問題を本質的に煮詰めるために、この問題に絞り込みました。クラス「sigPad」を div に移動すると、domPDF スクリプトでフォームが機能しないのはなぜですか。

また、これを修正するオプションはありますか? dompdf で動作する大きなフォームがあり、いくつかの署名を追加したいと考えています。フォームタグにクラスを持たないことをお勧めします。

これは複数の署名のない例で、sigPad クラスをフォームではなく div に移動しようとしているだけです。Form タグにある場合は機能しますが、このような div タグにある場合は機能しません。

署名.PHP

PDF.PHP

どんな助けでも大歓迎です。ありがとう！

jQuery から Chrome と Mozilla で非常に奇妙な動作に直面しています。関数で非常に一般的なUnexpected token ILLEGALエラーが発生していdocument.readyます。

署名帳のサンプルで遊んでいるうちに、自分のページで試してみました。Mozilla & Chrome では動作しませんが、IE では動作します。次に、署名パッドのすべての参照を削除し、document.ready 関数内に単純なアラートを配置して観察しました (Chrome JavaScript Errors Notifier のおかげです) Unexpected token ILLEGAL error is occurring when system try to use jQuery reference。次に、このページ (b.html) 内で完全に機能するサンプル ページ (a.html) からすべてのテキストをコピーし、ページを再度実行しました。b.html ページがエラーをスローしているときに、a.html ページが正常に動作していることに驚きました。両方のページは同じディレクトリにあり、同じ内容を持っています。

jquery.validate.jsを使用して、フォーム内の複数のフィールドをsmizek の signature_padとともに検証しています。他のすべての入力フィールドが検証されると同時に、html キャンバス (署名パッド) に何かが描画されているかどうかを検証したいと考えています。

残念ながら、jquery 検証 submithandler に関数を追加して、キャンバスに署名があるかどうかを確認するだけでは十分ではありません。これは、他のすべての必須フィールドが満たされた場合にのみトリガーされるためです。メソッドを jquery バリデーターに追加することはできますが、それらはキャンバスではなく、入力のコンテンツの検証でのみ機能すると確信しています。

「signaturePad.isEmpty()」で署名の有無を確認できます。理想的には、検証と同時に発生する次のような関数を追加する方法があるでしょう。

...そして、jquery 検証と署名の両方が満たされている場合にのみ、実際にフォームを送信します。

後でではなく、他の検証が行われると同時に関数をトリガーする方法はありますか? jquery 検証だけでなく、両方の条件が満たされない限り、フォームの送信を停止するにはどうすればよいですか?

描画された署名をキャプチャするために Thomas J. Bradley の jQuery Signature Pad プラグインを使用してきましたが、うまく機能します。私がやりたいことは、デモに示されているように型付き署名を許可することですが、描画された署名 (JSON 表現) と同じデータを出力することです。

データ出力はカーソルがキャンバス上を移動するときの実際の座標であるため、そのマウスまたはタッチの動きをエミュレートする必要があると思います。canvas にテキストを描画することに関する別の Stackoverflow の回答が見つかりました。その描画されたテキストのトレースをエミュレートする方法はありますか? もしそうなら、それは一つの解決策かもしれません。

アップデート

当初の計画をあきらめました。

私の最終目標は、タイプされた署名または描画された署名のどちらを使用しても同じ出力を得ることだったので、提供されたgetSignatureImage()メソッドを使用することにしました。ただし、このgetSignatureImage()方法は署名の描画バージョンでのみ機能します。次のコードを実装して、型指定された署名を一時的なキャンバスに「描画」します。

署名が受け入れられたとき、またはフォームが送信されたときに、このコードを実行します。署名が描かれた場合は を使用getSignatureImage()し、入力された場合は上記のコードを使用します。

注: このコードを使用すると、キャンバスの背景のない画像が生成されます。これは、プラグインがgetSignatureImage(). プラグインを変更する必要がありました。

ファット クライアント .NET アプリケーションを HTML5 ベースの Web アプリケーションに移植することを検討していますが、さまざまな USB/シリアル/共有デバイス (レシート プリンター、レポート プリンター、特殊なアーカイブ プリンター、sigpads、スキャナー、ウェブカメラなど）。

HTML5 サイトに、ローカルの USB/シリアル周辺機器またはローカル サービスとのインターフェイス機能を持たせるための実行可能な方法はありますか (たとえば、www.site.com/app を参照し、localhost:1234/api とやり取りしてリクエストします)。署名や印刷ジョブなどの送信など)?

私が考えていたもう 1 つのオプションは、リモート サーバーの API から UI 要素を要求するローカル シンクライアント タイプのセットアップを用意することですが、内部的に周辺機器が何をしているかを知るロジックを持ち、API 経由でデータを渡します。

最も優先度の低い項目は、ある種のブラウザ プラグインを作成することです。これは、Java アプレットの使用に関連付けられています。Silverlight は動作する可能性がありますが、あまり調査していません。

理想的には、アプリをクロスプラットフォームにするためにこれを行いたいのですが、状況に対するベスト プラクティスが何であるか、または抵抗が最も少ないパスは何かなどがわからない.

Rails はまだあまり得意ではなく、フォームの最後でユーザーの署名を集めようとしています。ビューにフォームが正常に表示されるようになりましたが、どこから画像に変換すればよいかわかりません。

署名パッドのドキュメントでは、次のコードを使用することが提案されています。

ただし、どこで/どのように使用するかに関するドキュメントはありません。

これを作成関数に入れますか? Carrierwave アップローダ gem で動作させるにはどうすればよいですか?

ありがとう！

this(GitHub)を使用しようとしていますが、「Draw It」は期待どおりに機能していますが、「Type It」機能ではinputHiddenフィールドに値がありません。

詳細については、VF ページ コードとスクリーンショットを参照してください。

それを描く

それを入力する

VF ページコード