User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
Admin
Wyvern-shaped software developer and hobby vector artist. Also sometimes a fluffy werewolf alien creature (Areon).

Creator of the neofoxes, neocats and other emojis.
wvrnBox
Website
https://volpeon.ink/
Speaking German, English
Age 30s
Pronouns he / him
Backup Account @volpeon@goto.wyvern.rip
Bonus Content @areon@icy.wyvern.rip
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
This is an empty <img> with the same styles applied where the mask scales.

"Most popular browser worldwide" my ass
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
I'm angry because I've been trying to fix this for an hour
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Like, come the FUCK on, Chrome
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
If you want to relive the past with browsers all having their own quirks that you need to fix with weird hacks, just use shape-outside on an <svg> element
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
The spec for shape-outside says images will be scaled up. Chrome just doesn't feel like doing it.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Use shape-outside with <svg>
Works perfectly in Firefox
Chrome fucks it up
Use browser's viewport tester
Firefox lets me scroll when it's too tall for the browser window
Chrome doesn't. I just won't see what's going on at the bottom half.
Chrome does not deserve to be number 1
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@ziphi wvrnBox
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
I have grand plans for my website related to my ref sheet. drgn_think_cool
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@SteffoSpieler You can apply masks to layers so only part of it is visible. If I have a masked layer with overlapping objects inside, then along the edge of the mask you can see the colors of objects under other objects as anti-aliasing artefacts. This mustn't happen.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
How can browsers be the best at implementing the SVG spec (compared to other image viewers) and then fuck up ANTI-ALIASING MASKS??????
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
FUUUUUUCK
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Mastodon's image viewer could use a zoom function.
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
me
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
wvrnBox
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@Flaky It's a framework to build websites: astro.build
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
Astro is pretty fucking cool. Very very pleasant to work with so far
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@SteffoSpieler @Ikaika wvrnScream AAAAAAAAAAAAA
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@kaia How to lose hope in humanity's future in 12 seconds
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
@kaia I never thought about that, but it could be drgn_think_cool
User avatar
privTri Volpeon areonNSmol @volpeon@icy.wyvern.rip
1y
What browsers are doing is clipping the objects first, then applying the anti-aliasing on each of them.

What they should be doing is rendering the objects in the masked layer, then clipping and anti-aliasing that result.