By default, signature_pad displays 64-bit images that are not the same size as the original in canvas.

signature_pad uses this plug-in, and
then uses the fromDataURL method to render the 64-bit image I generated. The display is much smaller. Is there any setting?
and this happens only when Google browser is debugging with ipad.

Mar.19,2021

I would like to ask you whether you use this plugin to do the eraser function


I also encountered this problem, have you solved it?


recently, the function has also encountered the problems encountered by the landlord. I have been studying for a long time and finally come up with a solution, which may no longer be helpful to the landlord. If you post it, it will be a little help to the people you see later.

solution:
when confirming the signature, save the current signature information first (vue environment)

this.signData = this.signaturePad.toData()

when you re-invoke the signature board, assign a value

this.$nextTick(()=>{
   if(this.signData && this.signData.length>0) {
      this.signaturePad.fromData(this.signData)
   }
})
Menu