logo: improve quality of overlapping paths (#1738)

Browse Source

Summary:
This replaces the logo with another SVG document that looks (roughly)
the same but is implemented more cleanly. In particular, the segments of
rays now overlap properly and so are not subject to aliasing, which also
makes it easier to create color variations (e.g., for monochrome).

I would usually optimize this further with SVGO, but this document
appears to reveal a bug in SVGO’s “Round/rewrite paths” optimization
that causes the document to render correctly in Chrome and Firefox but
incorrectly in `rsvg-convert` and Inkscape, so I’m stopping here.

Test Plan:
An animation shows the structure of the new SVG:

![SVG structure animation][gif]

[gif]: https://user-images.githubusercontent.com/4317806/78756263-5da8f880-792f-11ea-9fd1-8e1380e3c530.gif

wchargin-branch: logo-overlapping-paths

...

This commit is contained in:

William Chargin 2020-04-27 10:50:03 -07:00 committed by GitHub

parent a1aea75845

commit 6ec4a3a03c

No known key found for this signature in database

GPG Key ID: 4AEE18F83AFDEB23

1 changed files with 68 additions and 4 deletions

Show all changes Ignore whitespace when comparing lines Ignore changes in amount of whitespace Ignore changes in whitespace at EOL

Show Stats Download Patch File Download Diff File Expand all files Collapse all files

72

src/assets/logo/logo.svg

File diff suppressed because one or more lines are too long

Side by Side Swipe Overlay Before Width:  |  Height:  |  Size: 16 KiB After Width:  |  Height:  |  Size: 6.6 KiB