Skip to content

[css-borders-4] Specify how corner-shape affects outline #12194

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

Open
noamr opened this issue May 14, 2025 · 2 comments
Open

[css-borders-4] Specify how corner-shape affects outline #12194

noamr opened this issue May 14, 2025 · 2 comments

Comments

@noamr
Copy link
Collaborator

noamr commented May 14, 2025

Follow up to #11610 (comment).
Outlines are "special" because they create a path that's external to the original border, more like a stroke.
A concave corner (e.g. a star of scoop shape) with a big outline might end up with very long miters.

Note that currently outline rendering is specified in pretty vague terms.

Proposing (based on suggestion from @smfr) to advise implementations to render a round miter for concave corner-shaped outlines.

@tabatkins
Copy link
Member

Agree that we should aggressively cap the ability of corners to extend too much in a concave outline. I'm fine with a round miter, tho I don't think that's expressible in SVG right now? (stroke-linecap only affects the ends of segments.) I think that's just a lack in SVG tho; capping the mitered edges with as if stroke-linecap:arc applied to it sounds fine to me.

@fsoder
Copy link

fsoder commented May 16, 2025

I think the property you're looking for is stroke-linejoin (https://svgwg.org/svg2-draft/painting.html#LineJoin)

Sign up for free to join this conversation on GitHub. Already have an account? Sign in to comment
Projects
None yet
Development

No branches or pull requests

3 participants