Ionic2 Signature Pad Bildgröße ändern

Question

Ich nehme ein Bild über die Kamera auf und speichere es im Unterschriftsfeld. Das Bild belegt einen bestimmten Teil des Signaturpads. Wie man das Bild an die Größe des Unterschriftenblocks anpasst.

Hier ist der Screenshot des Bildes nach dem Speichern auf Signatur Pad. Der graue Teil ist das Signaturpad. Das Bild befindet sich in der oberen linken Ecke.

Kann ein Körper bitte sagen, wie kann ich Bildgröße ändern oder mindestens sagen, wie man Höhe und Breite des Bildes erhält? Signatur-Pad Abmessungen sind statisch

gegeben

Answer 1

Ich habe es, indem Sie einige Abhilfe gelöst wurde. Wir müssen das Gerätepixelverhältnis und nicht die Leinwandgröße ändern. Etwas wie das Folgende.

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); 
}