Skip to content
This repository has been archived by the owner on Jan 13, 2025. It is now read-only.

Investigate drawing shapes with CSS Painting API #3045

Closed
@lynnmercier

Description

The new CSS Painting API allows us to draw new interesting shapes. These new shapes are interesting to Material Design, because shape is another way to express brand.

But the CSS Painting API is still in its infancy. MDC Web should influence the CSS paint API, so that in a year or two from now we have a good API for drawing material components. This includes

  • Shadows drawn along the edge of the component, that look the same as our current box-shadow implementation
  • Outlines (aka stroke) drawn along the edge of the component

And we have two non-starters

  • Must limit the click target to the SVG path, and that same clip path should work with ripple
  • Must have performance similar to rendering border-radius

Metadata

Assignees

No one assigned

    Labels

    Unresolved (Archived)Open and unresolved issues and PRs that were closed due to archiving the repository.backlog

    Type

    No type

    Projects

    No projects

    Milestone

    No milestone

    Relationships

    None yet

    Development

    No branches or pull requests

    Issue actions