-
Notifications
You must be signed in to change notification settings - Fork 10
New issue
Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.
By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.
Already on GitHub? Sign in to your account
Properly render gradients when strokeScaling = false #40
Properly render gradients when strokeScaling = false #40
Conversation
c9d1c88
to
b25ce19
Compare
toCanvasStyle: function(ctx, matrix) { | ||
if (this._canvasStyle) | ||
toCanvasStyle: function(ctx, matrix, strokeMatrix) { | ||
// strokeMatrix can change without triggering _changed here, so we |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Is this fixable by correctly triggering the _changed event when strokeMatrix changes?
It seems brittle to keep track of exceptions around caching
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I could manually trigger _changed
in this block but that seems more fragile to me-- the color code would no longer be responsible for ensuring its own caching behavior.
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
And come to think of it that would suffer from the same problem as commented below-- if strokeMatrix
stopped being passed in, _changed
would stop being called and the gradient would retain its previous incorrect transform
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
I'm working on understanding the paper.js code, and it looks like the Color class already doesn't keep track of its own matrix; it's relying on the parent item to call _transform on the color any time the item's matrix changes, otherwise if you call toCanvasStyle twice in a row with different matrices you'll get the wrong result.
What if the color stored what was in the matrix and strokeMatrix, and used that to determine whether its cached style was still valid?
Are we assuming that any time a strokeMatrix is passed in, it implies that we're coloring a stroke?
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
strokeMatrix
, confusingly, actually refers to (IIRC) the matrix by which path points are transformed to obtain the view transformation. It's applied to the fill and stroke when strokeScaling
is false
.
The problem is that it would also need to be invalidated whenever the view transform changes.
@fsih Did we determine that this is OK to merge? |
There was a problem hiding this comment.
Choose a reason for hiding this comment
The reason will be displayed to describe this comment to others. Learn more.
Oops, yes I think this looks good to merge!
So there is a good working pr from 2020 and still not fixed in 2022 ? |
Description
This was a fun bug 🙂 I like paper.js 🙂
See paperjs#1822 for more info. This is necessary to make bitmap shape tools work properly with gradients, otherwise this will happen:
Related issues
Checklist
npm run jshint
passes)