こんにちは、
toDataURL（）関数を使用して署名をデータベースに保存し、fromDataURL（）関数を使用してその文字列をキャンバスにロードすると、結果の画像はキャンバスに表示されますが、元の画像よりも著しく小さくなります。
テストするには、4つのエッジすべてに沿ってキャンバスに描画します。 保存してからリロードします。 画像が少し小さくなったため、画像の右側と下部に画像と境界線の間にスペースができていることがわかります。
正当な理由で何度も画像を再保存しているので、保存するたびに画像が縮小し続けます!!!
ヘルプ！
rmmackay
全てのコメント7件
うーん、これはRetinaディスプレイでのみ発生します、私はそれを再現しました。 あなたはどうにかしてそれを自分で処理しなければなりません、作成者はすでに何度も図書館がこれを処理するべきではないと言いました。
razvanphp
2015年05月15日
これで問題が解決したようです。
http://jsfiddle.net/4JH75/19/
razvanphp
2015年05月15日
👍2
デバイスのピクセル比1で同じ問題が発生しています。何か助けはありますか？
Mottoweb
2015年12月02日
durasj
2016年06月17日
同じ画像サイズを作成するには、オプションを追加できますsignaturePad.fromDataURL(data, {width: 100, height: 100})
幅、高さはキャンバスサイズと同じである必要があります
詳細：
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts
demo-igor
2018年03月26日
👍4
🎉3
最後の回答のおかげで、fromDataURLスケーリングの問題を修正できるようになりました。この問題を解決する必要があります。
iDevIt007
2018年11月05日
「demo-igor」の返信ありがとうございます
pavankumar0425
2019年08月20日
このページは役に立ちましたか？
0 / 5 - 0 評価
関連する問題
siggifv
·
3コメント
cristhianDt
·
7コメント
chenks
·
7コメント
MarcGodard
·
8コメント
crazzeto
·
8コメント
最も参考になるコメント
同じ画像サイズを作成するには、オプションを追加できます
signaturePad.fromDataURL(data, {width: 100, height: 100})幅、高さはキャンバスサイズと同じである必要があります
詳細：
https://github.com/szimek/signature_pad/blob/master/src/signature_pad.ts