search

WangShayne / vue3-signature

Electronic signature for Vue3
93 stars 14 forks source link

Signature is too thick and drawn off-centre #5

Closed marcuschristiansen closed 2 years ago

marcuschristiansen commented 3 years ago

Hi.

I'm unfortunately still having a minor issue with the fact that the line on the pad is drawn too thick and off-centre. I think this might have to do with scaling?

My implementation looks as follows:

<Vue3Signature
            ref="signature1"
            :sigOption="option"
            class="signature"
        ></Vue3Signature>

The canvas is then rendered inside a flex layout column layout as per the image.

Screenshot 2021-08-28 at 19 02 53

Is there anything I might be doing wrong in my html/css or does this need to be fixed inside the component itself.

If you need any more info please give me a shout.

Thank you

WangShayne commented 3 years ago

Hi,@marcuschristiansen

off-center, I guess the image width doesnt match canvas width

for thick,you can set option minWidth and maxWidth to low. they default is 0.5 and 2