Signature_pad: キャンバスサイズに対応

作成日 2017年07月09日  ·  3コメント  ·  ソース: szimek/signature_pad

やあ、

100%の幅と特定の高さ(300px)のレスポンシブ署名パッドを作成する必要があります

これどうやってするの?

最も参考になるコメント

Afaikは、キャンバスの幅をパーセンテージに設定することはできませんが、幅が100%に設定されているコンテナにキャンバス要素を配置してから、jQueryを使用してその親要素の正確な幅を読み取ることができます。 次に、キャンバスの幅を手動で設定できます。 SignaturePadを初期化する前に、これを行ってください。

var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();

canvas.setAttribute("width", parentWidth);

this.signaturePad = new SignaturePad(canvas);

全てのコメント3件

@ 50l3rあなたはそれをすることができましたか?
@szimek何か提案をお願いしますか? :)私はそのためのPullRequestが存在するのを見て、古いです:)
https://github.com/szimek/signature_pad/pull/100

Afaikは、キャンバスの幅をパーセンテージに設定することはできませんが、幅が100%に設定されているコンテナにキャンバス要素を配置してから、jQueryを使用してその親要素の正確な幅を読み取ることができます。 次に、キャンバスの幅を手動で設定できます。 SignaturePadを初期化する前に、これを行ってください。

var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();

canvas.setAttribute("width", parentWidth);

this.signaturePad = new SignaturePad(canvas);

遅くなってすみません。

できます :)

このページは役に立ちましたか?
0 / 5 - 0 評価

関連する問題

crazzeto picture crazzeto  ·  8コメント

siggifv picture siggifv  ·  3コメント

chenks picture chenks  ·  7コメント

hostcia picture hostcia  ·  6コメント

Emmark picture Emmark  ·  4コメント