Open Nils1729 opened 2 years ago
Since bezier-based rendering goes without using canvas transformations, gradients are also not transformed.
<svg xmlns="http://www.w3.org/2000/svg" viewBox="-60 -60 120 120"> <defs> <linearGradient id="Gradient1"> <stop stop-color="red" offset="0%"/> <stop stop-color="blue" offset="50%"/> <stop stop-color="green" offset="100%"/> </linearGradient></defs> <ellipse fill="url(#Gradient1)" rx="50" ry="50" /> </svg>
This could be fixed either by reintroducing transformations and extracting scale as to not sacrifice too much precision or by implementing linear transforms on gradients or fill styles in general.
Since bezier-based rendering goes without using canvas transformations, gradients are also not transformed.![image](https://user-images.githubusercontent.com/45318774/177304589-21f50160-d782-4cc5-a14a-947b09480ea7.png)
This could be fixed either by reintroducing transformations and extracting scale as to not sacrifice too much precision or by implementing linear transforms on gradients or fill styles in general.