[Bug]: zoomToPoint ts is error

[vaynevayne]

CheckList

• I agree to follow this project's Code of Conduct
• I have read and followed the Contributing Guide
• I have read and followed the Issue Tracker Guide
• I have searched and referenced existing issues and discussions
• I am filing a BUG report.
• I have managed to reproduce the bug after upgrading to the latest version
• I have created an accurate and minimal reproduction

Version

6.0.2

In What environments are you experiencing the problem?

No response

Node Version (if applicable)

None

Link To Reproduction

https://stackblitz.com/edit/vitejs-vite-eyhjps?file=src%2FFabric.tsx

Steps To Reproduce

Expected Behavior

Passing x y should be enough

Actual Behavior

error

Error Message & Stack Trace

No response

[vaynevayne]

second ts error

canvasRef.current?.on('mouse:wheel', onMouseWheelHandler);
   const onMouseWheelHandler = (opt: TPointerEventInfo) => {
      console.log('onMouseWheelHandler', opt.e.deltaY);

    };

[asturur]

For the first point the function requires a point not an object with x and y. You have to use new Point(x, y).

For the second maybe we need to fix the types to clarify is a mousewheel event

[zhe-he]

It seems there is no issue; this problem should be closed.

[asturur]

Yes looks like his own function has a strict type on TPointer event without the WheelEvent spec.
Thanks

[vaynevayne]

How should the type of each event be written? Is there a more uniform alias?

[asturur]

For the mousewheel event:
TPointerEventInfo<WheelEvent> should be the correct one.

[zhe-he]

How should the type of each event be written? Is there a more uniform alias?

When binding events, hover the mouse over 'e', and it will show you which types are available.

Here all the e's are defined：
https://github.com/fabricjs/fabric.js/blob/master/src/EventTypeDefs.ts

[vaynevayne]

mosue:down mouse:up Not applicable mouseEvent,
I mean normalized, supporting the usage Ivent <'mouse:up'>, rather than trying it one by one

[asturur]

Is not that you have to try one by one, when you start writing your function you get the suggestion right there:

After you have your suggestion you can move your handler out of there and type it manually just copying from the suggestion.