canvasWidth and canvasHeight have no effect

[EugeneQilo]

It seems like passing or not passing canvasWidth & canvasHeight have no effect... canvas is calculating the size from DOM and in my case, it is calculating wrong (much bigger)...

Here are the options I'm passing... Any idea what could be wrong?

public options: NgSignaturePadOptions = {
    minWidth: 1,
    backgroundColor: 'rgba(255,255,255)',
    canvasHeight: 150,
    canvasWidth: 300,
    canvasBackground: 'rgba(255,255,255)',
} as any;

To reproduce:

1. In Developer Tools, toggle Device simulation... Select a mobile device... for example iPhone 12 Pro
2. Render the signature, notice the size... devicePixelRatio = 3 which is leading to wrong calculations

@almothafar

[almothafar]

I see the issue in the demo https://almothafar.github.io/angular-signature-pad/ I'll look into it, but I'm so busy I'm not sure how fast I can resolve this, if you want to make a PR it is more than welcome, otherwise, I need to find some time.

[ebarolo]

any help or advice to solve it ?

[khmax7]

@almothafar

Hello! i would like to know if you are going to optimize angular-signature-pad for angular 19?

[tigrenok00]

Same here, I believe its a regression since updating angular, did you find any solution? @EugeneQilo

[EugeneQilo]

@tigrenok00 since @almothafar is not replying, I forked it and bypassed the function (redrawCanvas) causing the issue... see here.

I would not recommend using my repo for your code, you can consider creating a PR with the fix into this repo..

[almothafar]

I pushed a possible fix 6.0.1.

Sorry for being late, I don't work in any Angular these days.