Skip to content
New issue

Have a question about this project? Sign up for a free GitHub account to open an issue and contact its maintainers and the community.

By clicking “Sign up for GitHub”, you agree to our terms of service and privacy statement. We’ll occasionally send you account related emails.

Already on GitHub? Sign in to your account

Add border to SVG flags #24

Merged
merged 1 commit into from
Jan 20, 2022
Merged

Add border to SVG flags #24

merged 1 commit into from
Jan 20, 2022

Conversation

anthrotype
Copy link
Collaborator

Partly fixes #20

It turns out we don't actually need MULTIPLY compositing mode to stick a border around flags, normal alpha blending achieves the same visual effect (I suspect because the border is gray?). So we can add the border directly to the waved SVG flags (the soft-light we'll have to add it directly to the built COLRv1 table as post-processing step for SVG can't do soft-light -- or rather one could use CSS mix-blend-mode but it won't work for OT-SVG anyway so it's a dead end).

Note this PR branch si based off #22, so to avoid conflicts it's better to merge the latter first.

Partly fixes #20

It turns out we don't actually need MULTIPLY compositing mode to stick a border around flags, normal alpha blending achieves the same visual effect (I suspect because the border is gray?). So we can add the border directly to the waved SVG flags (the soft-light we'll have to add it directly to the built COLRv1 table as post-processing step for SVG can't do soft-light -- or rather one could use CSS mix-blend-mode but it won't work for OT-SVG anyway so it's a dead end).
@anthrotype
Copy link
Collaborator Author

I rebased off main now that #23 was merged, the overall diff should look smaller.

@rsheeter
Copy link
Owner

LGTM

@rsheeter rsheeter merged commit 1e68ab6 into main Jan 20, 2022
@rsheeter rsheeter deleted the add-border branch January 20, 2022 04:10
sido378 pushed a commit to sido378/noto-emoji that referenced this pull request Jul 7, 2022
sido378 pushed a commit to sido378/noto-emoji that referenced this pull request Jul 7, 2022
Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Labels
None yet
Projects
None yet
Development

Successfully merging this pull request may close these issues.

waved flag miss the semi-transparent borders and soft-light shade
2 participants