Home

SVG AntiAliasing Issues

%3CLINGO-SUB%20id%3D%22lingo-sub-788141%22%20slang%3D%22en-US%22%3ESVG%20AntiAliasing%20Issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-788141%22%20slang%3D%22en-US%22%3E%3CP%3EHi%20all%2C%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI'm%20observing%20an%20issue%20with%20rendering%20SVG%20files%20in%20new%20Edge%20Insider%20browser%20when%20there%20are%20very%20thin%20lines.%20Please%20have%20a%20look%20at%20the%20attached%20screenshot.%3C%2FP%3E%3CP%3ELeft%20is%20new%20Edge%20Insider%2C%20you'll%20notice%20that%20parts%20of%20the%20lines%20are%20missing%20at%20all%20(front%20wheel)%20or%20are%20rendered%20quite%20crispy%20(rear%20window).%20In%20the%20%22old%22%20Edge%20on%20the%20right%20it%20looks%20much%20nicer.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ETo%20compare%20with%20other%20browsers%2C%20Firefox%20looks%20also%20good%20(like%20old%20Edge)%2C%20but%20original%20Chrome%20renders%20crispy%20(of%20course%2C%20same%20engine).%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20found%20out%20that%20this%20behavior%20was%20filed%20as%20a%20bug%20in%20Chromium%20over%205%20years%20ago%2C%20but%20the%20Chromium%20team%20rejected%20it%20%22won't%20fix%20-%20by%20design%22.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3ENow%20I'm%20wondering%20whether%20there%20is%20a%20chance%20that%20this%20will%20be%20improved%20now%20in%20Chromium%20by%20the%20Edge%20Insider%20Team.%20Because%20from%20perspective%20of%20an%20user%20of%20the%20%22old%22%20Edge%20that%20particular%20rendering%20in%20new%20Edge%20Insider%20is%20a%20step%20backward.%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EBest%20regards%2C%3C%2FP%3E%3CP%3ETorben%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3E%3CSPAN%20class%3D%22lia-inline-image-display-wrapper%20lia-image-align-inline%22%20style%3D%22width%3A%20999px%3B%22%3E%3CIMG%20src%3D%22https%3A%2F%2Fgxcuf89792.i.lithium.com%2Ft5%2Fimage%2Fserverpage%2Fimage-id%2F125607i9A9266D3C21F8D6E%2Fimage-size%2Flarge%3Fv%3D1.0%26amp%3Bpx%3D999%22%20alt%3D%22edge-insider-svg.png%22%20title%3D%22edge-insider-svg.png%22%20%2F%3E%3C%2FSPAN%3E%3C%2FP%3E%3C%2FLINGO-BODY%3E%3CLINGO-SUB%20id%3D%22lingo-sub-788224%22%20slang%3D%22en-US%22%3ERe%3A%20SVG%20AntiAliasing%20Issues%3C%2FLINGO-SUB%3E%3CLINGO-BODY%20id%3D%22lingo-body-788224%22%20slang%3D%22en-US%22%3E%3CP%3EI%3CA%20href%3D%22https%3A%2F%2Ftechcommunity.microsoft.com%2Ft5%2Fuser%2Fviewprofilepage%2Fuser-id%2F262345%22%20target%3D%22_blank%22%3E%40tschramme86%3C%2FA%3E%26nbsp%3B%20I%20seriously%20agree!%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EChromium%20has%20some%20of%20the%20worst%20SVG%20rendering%20in%20a%20modern%20browser.%26nbsp%3B%3C%2FP%3E%3CP%3E%26nbsp%3B%3C%2FP%3E%3CP%3EI%20hope%20the%20Edge%20team%20can%20improve%20on%20this%20as%20the%20Google%20Chrome%20team%20is%20very%20rarely%20interested.%3C%2FP%3E%3C%2FLINGO-BODY%3E
tschramme86
New Contributor

Hi all,

 

I'm observing an issue with rendering SVG files in new Edge Insider browser when there are very thin lines. Please have a look at the attached screenshot.

Left is new Edge Insider, you'll notice that parts of the lines are missing at all (front wheel) or are rendered quite crispy (rear window). In the "old" Edge on the right it looks much nicer.

 

To compare with other browsers, Firefox looks also good (like old Edge), but original Chrome renders crispy (of course, same engine).

 

I found out that this behavior was filed as a bug in Chromium over 5 years ago, but the Chromium team rejected it "won't fix - by design".

 

Now I'm wondering whether there is a chance that this will be improved now in Chromium by the Edge Insider Team. Because from perspective of an user of the "old" Edge that particular rendering in new Edge Insider is a step backward.

 

Best regards,

Torben

 

edge-insider-svg.png

1 Reply

I@tschramme86  I seriously agree!

 

Chromium has some of the worst SVG rendering in a modern browser. 

 

I hope the Edge team can improve on this as the Google Chrome team is very rarely interested.