3 ms·
I think that can be turned off. I tried that recently. There is a global flag we can set to turn of antialiasing. UPDATE: it's image-rendering: pixelated;
by smusamashah 2y ago
I think that can be turned off. I tried that recently. There is a global flag we can set to turn of antialiasing.
UPDATE: it's
image-rendering: pixelated;
https://developer.mozilla.org/en-US/docs/Web/CSS/image-rendering https://developer.mozilla.org/en-US/docs/Web/CSS/image-rende...
- smusamashah 2y agoThis property is already applied if you inspect the canvas elements. Better solution could be context SVG filters https://stackoverflow.com/a/49357655/342095 https://stackoverflow.com/a/49357655/342095 https://stackoverflow.com/a/68372384/342095 https://stackoverflow.com/a/68372384/342095
- whywhywhywhy 2y agoThis rabbit hole is a waste of time, as someone who's been down it, you'll find piles of resources claiming CSS and JS flags will give you what you want but it never really gets there. The only way to actually get true aliased brushes in canvas is implementing a line drawing algorithm manually and drawing down aliased circles like how https://gifpaint.com/ https://gifpaint.com/ & https://jspaint.app/ https://jspaint.app/ do it.
- endemic 2y agoAnd doing it this way is slooowww in JS