Home/ Questions/Q 8760439
In Process

The Archive Base Latest Questions

Editorial Team
  • 0
Asked: 2026-06-13T15:02:42+00:00

I haven’t seen any documentation on them, so they probably don’t exist, but it’s

  • 0

I haven’t seen any documentation on them, so they probably don’t exist, but it’s always good to check.

I’m looking for a truly-circular (or polygon of any type other than rectangle) element. I can draw a circle in canvas, but the canvas is still a rectangle. I can draw a circle using border-radius, but it’s still a square element with pretty round corners.

I’m looking for an (easy) way to make complex shape buttons that are very precise on their clickable areas.

My current method is to use JavaScript, listen to clicks and measure position. It would be much more ideal if this were handled in html5/css3.

Share

Leave an answer

You must login to add an answer.

Need An Account,

1 Answer

  1. Editorial Team

    Border-radius just makes the element look round (except in firefox, reportedly).

    Maps kind of work, but I want to avoid forcing an image.

    SVG works, but it’s still not pure html/css because javascript is needed for links to work. The SVG element is still square too, though the shapes inside are elements that respond well to javascript events. So it’s not 100% perfect, but it is workable.

    Would definitely be cooler if we had the ability to control the shape of elements on the page beyond drawing inside of a canvas. Maybe I’ll play around with building an entire site inside a canvas…

    Thanks for the suggestions!

    • 0