angular - 如何调整angular2-signaturepad的大小

Question

我需要动态更改签名板的宽度。我该怎么做？

<signature-pad class="signature w-50-p" id="sign_canvas" fxFlexAlign.xs="center"></signature-pad>

( angular2-signaturepad )

标签： angulartypescriptsignaturepad

Answer 1

html:

<signature-pad fxFlex="1 1 50" (window:resize)="resizeSignaturePad()"
                         class="signature" 
                         id="sign_canvas" fxFlexAlign.xs="center"></signature-pad>

ts：

resizeSignaturePad() {
    this.signaturePad.set('canvasWidth', document.getElementById("sign_canvas").offsetWidth);
    this.signaturePad.clear();
}