[webkit-dev] [svg] anti-aliasing artifacts

Mike Bostock mbostock at cs.stanford.edu
Tue Jul 6 11:02:25 PDT 2010

How hard would it be to add full-scene anti-aliasing to WebKit's SVG
implementation? I love SVG, but I'm often stymied by jaggies and color
bleeding that appear between contiguous shapes.*

I can sometimes avoid aliasing artifacts, say by shape-rendering:
crispEdges. Similarly, I can round pixel locations to avoid subpixels.
However, these work-arounds have obvious drawbacks, by disabling
anti-aliasing and disallowing precise path geometry. Furthermore,
other artifacts are unavoidable, as shape-rendering / image-rendering
doesn't work for images, nor transformed clipPaths, and integer pixels
don't help if the containing <g> element has transform=scale(...).


* For example: https://bugs.webkit.org/show_bug.cgi?id=35211

More information about the webkit-dev mailing list