Live data from Hacker News

Multi-stroke text effect in CSS

yuanchuan.dev

11–20 of 50 posts

Re: Multi-stroke text effect in CSS

#11

I wonder why the firefox CSS rendering engine prefers to smooth out. Looks like a dramatically different implementation, but maybe that's just because it's an edge case of rendering

firefox looks like an SDF (shortest distance to the object), I'm not sure what the chrome one is...

Re: Multi-stroke text effect in CSS

#15

[flagged]

What's up with the bot accounts that just vaguely describe the article? Is it for karma farming accounts to sell on? I'm not opposed to bot accounts inherently but the stuff they so often post is just mind numbing to encounter, it feels like a little bit of my life has been stolen every time I get to the end of such a paragraph.

Why are you not opposed to bot accounts? It is a terrible thing. People come here to read other people.

Re: Multi-stroke text effect in CSS

#16

I wonder why the firefox CSS rendering engine prefers to smooth out. Looks like a dramatically different implementation, but maybe that's just because it's an edge case of rendering

firefox looks like an SDF (shortest distance to the object), I'm not sure what the chrome one is...

I would assume they are just drawing the outline, not performing any distance calculations, and the differences are just a result of different linejoin choices. [1]

[1] https://www.w3.org/TR/fill-stroke-3/#stroke-linejoin

Re: Multi-stroke text effect in CSS

#17

I wonder why the firefox CSS rendering engine prefers to smooth out. Looks like a dramatically different implementation, but maybe that's just because it's an edge case of rendering

While I don't entirely love the rounding effect of firefox, I feel Chrome interpretation is just wrong in creating spurious spikes. Intuitively for the asterisk shape I'd expect the outline to go towards a plain hexagon, something that neither browser accomplishes.
Post reply on HN