Signature_pad: 幅と高さ

+1はこのパッケージを試したばかりで、サイズ設定に問題があります。 理想的には、モバイルデバイスでは全幅にまたがり、デスクトップでは小さくしたいと思います。 @szimek何かアイデアはありますか？

サイジングに関するこれらの問題は正確には何ですか？

この例を見てください。 描画するときの位置が正しくありませんhttp://jsfiddle.net/4qjwr06h/1/

わかりました、私はおそらく愚かです。 応答性が必要な場合は、 width: 100%を<canvas>で実行するのではなく、キャンバスの実際の幅を変更せず、代わりにストレッチします。 代わりに固定幅を使用する必要があります。

デモアプリresizeCanvasメソッドを確認できます。 これらの2行をデモに追加すると、正常に機能します。

canvas.height = canvas.offsetHeight;
canvas.width = canvas.offsetWidth;

私のコードもdevicePixelRatioを考慮に入れていますが、正直なところ、100％正しいかどうかはわかりません。

私はそれがうまくいったと思います、みんなありがとう

イエスを生き返らせる

差出人：Szymon Nowak [mailto：[email protected]]
送信日：2015年10月7日水曜日10:14 AM
宛先： szimek/[email protected]
Cc：crazzeto [email protected]
件名：Re：[signature_pad]幅と高さ（＃118）

デモアプリでhttps://github.com/szimek/signature_pad/blob/master/example/js/app.js#L10-L18resizeCanvasメソッドを確認できます。 これらの2行をデモに追加すると、正常に機能します。

canvas.height = canvas.offsetHeight;
canvas.width = canvas.offsetWidth;

私のコードではRetinaディスプレイも考慮されていますが、正直なところ、100％正しいかどうかはわかりません。

—
このメールに直接返信するか、 GitHubhttps： //github.com/szimek/signature_pad/issues/118#issuecomment-146207233で表示してください。

これらの行を置くことを提案してもいいですか

canvas.height = canvas.offsetHeight;
canvas.width = canvas.offsetWidth;

docs / READMEで？ それを理解するのにかなりの時間がかかりました、そしてそれは<canvas>に不慣れな他の人にも当てはまるかもしれないと思います。

@Boldewyn提案をありがとう。 これをもう必要ないようにするPRがあります。 年末までに、それをマージしてデモアプリを更新するか、この情報をREADMEに追加します。