- From: CSS Meeting Bot via GitHub <sysbot+gh@w3.org>
- Date: Wed, 15 Jun 2022 16:20:03 +0000
- To: public-css-archive@w3.org
The CSS Working Group just discussed `Composition of Inset Shadows`. <details><summary>The full IRC log of that discussion</summary> <fantasai> Topic: Composition of Inset Shadows<br> <fantasai> astearns: Some additional discussion and a few attempts at mockups<br> <fantasai> astearns: trying to figure out what to do wrt text-shadow inset and text decorations<br> <astearns> github: https://github.com/w3c/csswg-drafts/issues/7251<br> <fantasai> github: https://github.com/w3c/csswg-drafts/issues/7251<br> <fantasai> Sebo: Discussing paint order and compositing fill/stroke/shadow<br> <fantasai> Sebo: lot of discussion around that<br> <fantasai> Sebo: My point of view was that composition should be done so that the inset shadow is between fill and stroke<br> <miriam> present_<br> <fantasai> Sebo: but fantasai said that this could lead to some perf issues ...<br> <fantasai> fantasai: not perf issue<br> <smfr> q+<br> <emilio> fantasai: One issues is that the stroke comes between the text and the text-decoration, so if you have a strike through you are going to stroke text then strike-through, so if you want to shadow between text and fill you are going to also need to shadow the text decoration<br> <emilio> ... the point of shadows is to create an inset / outset effect<br> <emilio> ... so you if you have text and decorations with their shadows it looks super weird<br> <emilio> ... for text that's decorated makes more sense to shadow text + decoration at the same time<br> <emilio> ... so you we can't shadow between fill and stroke<br> <emilio> ... that is also an issue because if you don't strike together a semi-transparent shadow will look darker on the decoration<br> <astearns> ack smfr<br> <emilio> smfr: for outset shadows I agree we want to composite + shade text and decoration together<br> <bradk> Issue link, please? Sorry, I arrived late<br> <emilio> ... does any of the illustrations in the example match what fantasai is proposing?<br> <bradk> Thanks<br> <emilio> fantasai: I don't think any of them are<br> <emilio> smfr: can we get an illustration of what the behavior should be?<br> <fantasai> https://github.com/w3c/csswg-drafts/issues/7251#issuecomment-1145287101<br> <emilio> fantasai: if we ignore the stroke on the second one that's the effect you'd get<br> <emilio> ... if you consider the stroke because the text decoration has its own independent stroke, but the shadow effect in that comment is what you'd get<br> <emilio> smfr: so you want stroking behavior of first line and shadowing behavior of the second?<br> <emilio> fantasai: yes<br> <Sebo> q+<br> <astearns> I think it would be weird to have a stroke on the decoration but no shadow cast by that stroke<br> <emilio> fantasai: I think most cases would have either stroke or text-decor<br> <emilio> ... the top rendering doesn't quite work<br> <emilio> ... you still have two things that are cut out but flat<br> <emilio> ... the second one seems like you pushed the text into the canvas which is somewhat consistent with the effect<br> <emilio> ... it's also consistent between inset and outset shadows<br> <emilio> ... there's cases where drawing the inset shadow between fill/stroke looks better but the effect is that when you have decorations it'd look wrong<br> <emilio> smfr: if we stroke using top and shadow using the bottom one it's going to look very weird too<br> <emilio> fantasai: let's say you have strokes that are similar color for shades of yellow/orange<br> <emilio> ... you cut that out and shade it behind the canvas<br> <emilio> smfr: maybe Sebo or fantasai can illustrate the behavior in a drawing tool<br> <emilio> ... if it's hard to do in a drawing tool it's possibly hard to do programmatically too<br> <emilio> astearns: hard to do for me in a drawing tool doesn't mean hard to do in a drawing tool :)<br> <emilio> fantasai: we can try to work on that tomorrow<br> <emilio> astearns: whenever we can have them it'd be great to have pictures of what fantasai is trying to express<br> <astearns> ack Sebo<br> <emilio> ... I'm having a hard time following<br> <smfr> q+<br> <astearns> ack smfr<br> <emilio> smfr: one more q and one more statement. Inset shadows are going to require masking on the text, so lots of texts with inset shadows are going to get pretty expensive<br> <emilio> ... and authors can have very small text with very large blur radius<br> <emilio> ... so not sure we need some limits here<br> <emilio> astearns: if you have a shadow with a big offset does it mean that the shadow appears in another line? That sounds tricky<br> <emilio> smfr: potentially? Good point<br> </details> -- GitHub Notification of comment by css-meeting-bot Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7251#issuecomment-1156675574 using your GitHub account -- Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config
Received on Wednesday, 15 June 2022 16:20:04 UTC