Wrong alpha and moire with semi-transparent colors #14
Comments
This was referenced Dec 22, 2016
joyously
added a commit
to joyously/conic-gradient
that referenced
this issue
May 21, 2018
Addresses LeaVerou#14 Wrong alpha and moire with semi-transparent colors Also allows color stops greater than 100%, like CSS gradients do.
joyously
added a commit
to joyously/conic-gradient
that referenced
this issue
May 21, 2018
* Use the canvas gradient function to compute the correct colors Addresses LeaVerou#14 Wrong alpha and moire with semi-transparent colors Also allows color stops greater than 100%, like CSS gradients do. * Update examples and remove reference to limitation
Sign up for free
to join this conversation on GitHub.
Already have an account?
Sign in to comment
This is due to the way arcs are painted overlapping, to prevent moire, which results in more opaque semi-transparent colors which also exhibit moire.
This can be solved by painting the gradient without any alpha information, then making another black-white gradient with the alpha information and using it as a mask via canvas compositing modes.
Putting it here in case someone has time to code it, otherwise it’ll probably have to wait :/
The text was updated successfully, but these errors were encountered: