やあ、
100%の幅と特定の高さ(300px)のレスポンシブ署名パッドを作成する必要があります
これどうやってするの?
@ 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);
遅くなってすみません。
できます :)
最も参考になるコメント
Afaikは、キャンバスの幅をパーセンテージに設定することはできませんが、幅が100%に設定されているコンテナにキャンバス要素を配置してから、jQueryを使用してその親要素の正確な幅を読み取ることができます。 次に、キャンバスの幅を手動で設定できます。 SignaturePadを初期化する前に、これを行ってください。
var canvas = document.querySelector("canvas");
var parentWidth = $(canvas).parent().outerWidth();
canvas.setAttribute("width", parentWidth);
this.signaturePad = new SignaturePad(canvas);