0

jSignatureのサポートが必要です。画像を作成して、その画像をページに書き戻すことができます。私が動作しないのは（そして最初にこのプラグインを調べていた理由）、ページから画像をエクスポートすることです。画像データを取得してメールで送信し、メールの本文に画像が表示されるようにします。多くのアプローチを試しても何も機能しなかった場合。現在、私のjsは次のようになっています。

var $sigDiv = $("#signature").jSignature();
      $('<input type="button" value="Reset">').bind('click', function(e){
        $sigDiv.jSignature('reset');
      }).appendTo($sigDiv);

フォームを送信すると、次のようになります。

var datapair = $sigDiv.jSignature("getData", "svg");
      var i = new Image();
      i.src = "data:" + datapair[0] + "," + datapair[1];
      $(i).appendTo($("#success"));

私はその画像データを変数で取得し、AJAXを介してデータ文字列でPHPメール処理フォームに次のようなことを送信しようとします。

<img src="<?php echo $_POST['signature']; ?>"/>

またはこれ：

<object src="<?php echo $_POST['signature']; ?>"></object>

送信される電子メールに画像を表示するためにこれを取得しようとして疲れ果てました。どんな助けでも大歓迎です。

4

2 に答える 2

1

うん！動作するようになりました。画像としてエクスポートし、画像に対して encodeURIComponent(image) を実行すると、AJAX 呼び出しによって画像データが台無しになることはありません。今ではBEASTのように機能します。助けてくれてありがとう、アビッド。

于 2012-08-17T16:18:47.587 に答える
0

よくわかりませんが、以下の URL をご覧ください。

https://github.com/brinley/jSignature/

デモ URL ;-

http://willowsystems.github.com/jSignature/#/demo/

jSignature は、ブラウザー ウィンドウでの署名キャプチャ フィールドの作成を簡素化する jQuery プラグインであり、ユーザーはマウス、ペン、または指を使用して署名を描くことができます。

jSignature は、署名をストロークのベクトル アウトラインとしてキャプチャします。jSignature は優れたビットマップ (PNG) もエクスポートできますが、署名の非常にスケーラブルなストローク移動座標 (ベクター画像) を抽出すると、署名レンダリングの柔軟性が大幅に向上します。

署名者がストロークを描いている間、ストロークが画面上できれいに見えるようにするために、(スムージングと筆圧のシミュレーションを通じて) 特別な努力が払われます。

すべての主要なデスクトップ、タブレット、および電話ブラウザーがサポートされています。HTML5 Canvas 要素がデフォルトで使用されます。実際の Canvas がブラウザー (Iinternet Explorer v.8 以前) でサポートされていない場合、Flash ベースの Canvas 要素エミュレーター (FlashCanvas) にフォールバックします。

リアルタイム jSignature は、キャプチャしたもののデバイスに適した「最も美しい」近似のみをレンダリングします。データのキャプチャは常に同じです。可能な限り多くの移動座標をキャプチャします。ストロークのレンダリングは、ブラウザーの機能、デバイスの効率、画面サイズによって異なります。

キャプチャされた署名の画面表現のこの劣化と強化は、レンダリングがキャプチャの応答性を妨げないようにするために意図的に行われます。たとえば、レンダリングが遅いデバイス (Android ブラウザー、FlashCanvas ベースの Canvas エミュレーション) では、キャプチャーされたストローク座標の大きなギャップ (キャプチャー デバイスの非効率性の結果) を補うためにスムージングが一段と強化されます。いずれの場合も、レスポンスの良さと図面の美しさでお客様に喜んでいただけるはずです。

jSignature を使用すると、既存のスタイル付きサイトに簡単に組み込むことができます。jSignature は、ラッピング要素で使用されている色 (テキストの色 = ペンの色、背景 = 背景) を自動的に検出し、「装飾」(署名行) の心地よい中間色を自動選択します。jSignature は、固定幅および可変幅の Web ページ デザイン、およびさまざまなサイズの画面 (電話、タブレット、コンピューター画面) にうまく適応し、親要素のサイズが変更されると、描画領域と署名を自動的に再スケーリングします。

于 2012-08-17T15:51:14.080 に答える