fix(): gradient transform + rm workarounds

[ShaMan123]

Motivation

#9355

I was invetigating the bug and saw that the cause was the _applyPatternGradientTransformText
When I wrote #8263 I tried to fix this thing with a math solution and now I managed to.

Description

Previously in order to apply transform on a pattern/gradient fabric would create a canvas, transform it acoordingly and render a rect.
Then it would use the canvas to create a pattern and set that to the rendering context as fillStyle/strokeStyle.

• CanvasPattern supports natively setTransform so I used that instead
• gradientTransform is supported only for linear gradients (don't know why but I am fine with it because then my solution is valid) so I applied the transform to the coords
• offsetX/Y are a transform so I applied that also when setting the trasform on the pattern/gradient

This is a very good change.
It removes a workaround that was complex, had bugs and was mentioned as a perf hit

Changes

Moved all pattern/gradient transform logic to toLive
BREAKING:

• toLive(ctx) => toLive(ctx, target)`
• rm _applyPatternGradientTransformText, _applyPatternGradientTransform

Gist

In Action

[github-actions]

Build Stats

file / KB (diff)	bundled	minified
fabric	910.093 (-5.584)	303.717 (-1.770)

[ShaMan123]

progress

[ShaMan123]

Something is buugy with canvas.setDimensions on node
I tried calling it in the render method but it doesn't work

[ShaMan123]

moved canas init to the common method

[ShaMan123]

radial gradients must use a pattern :(

[asturur]

radial gradients don't support transform?

[ShaMan123]

not natively

[ShaMan123]

all gradients do not but I have found a math solution for the linear gradient transform i think

[ShaMan123]

Correct me if I am wrong but it seems (radial) gradient needs context isolation to be transformed or else if transforming the context text for example will be transformed as well.
So, I am not sure fabric is ready for me to propose my solution.
And this is why a pattern was used.
In general I think we should pass a context in rendering and supply a canvas for context isolation operations

[asturur]

for sure there is a math solution to transorm linear gradients because are just points in a line and we either squeeze the points or change the angle and it will look identical.

But for radial gradients when circle becomes ellipses no you need to transform those.
Radial gradients are not so popular, if we have to keep around the old code for radial gradients is a pain but at least we solve the slow path of the linear gradients that are more common.