Ionic2シグネチャーパッドリサイズ画像

Question

カメラで画像をキャプチャしてシグネチャパッドに保存しています。画像は署名パッド上のある部分を占めています。署名パッドのサイズのイメージにサイズを変更する方法。

以下は、署名パッドに保存した後の画像のスクリーンショットです。灰色部分は署名パッドです。画像は左上隅にあります。

画像のサイズを変更する方法や、画像の高さと幅を取得する方法を教えてください。署名パッド寸法は静的に私はそれはいくつかの回避策を実行することによって解決持って

Answer 1

を与えられています。キャンバスサイズではなくデバイスのピクセル比率を変更する必要があります。次のようなもの

var canvas = document.getElementsByTagName('canvas')[0]; 
this.resizeCanvas(canvas); 

public resizeCanvas(canvas) { 
var ratio = window.devicePixelRatio || 1; 
//canvas.width = canvas.offsetWidth * ratio; 
//canvas.height = canvas.offsetHeight * ratio; 
canvas.getContext("2d").scale(ratio, ratio); 
}