Value point with percentage and px about clip-path-polygon HOT 2 CLOSED

Hi,

I'm sorry for not responding, I've been traveling.

That's a valid point, I'll try to look at your issue this week. I'll try to alter the library the that accepts mixed values.

Not sure if Firefox likes that though. I'll keep you updated.

Thanks for this issue,
Karol

from clip-path-polygon.

Hi,

So I checked the browser support and unfortunately,Firefox's Gecko engine still doesn't support this...
Here's the thread: https://bugzilla.mozilla.org/show_bug.cgi?id=1075457

So Chrome and any webkit based browsers support clip-path as a basic style (in CSS). Gecko engines need SVG clip-path definition.

In SVG clip-path, there are only two types of units you can use: userSpaceOnUse and objectBoundingBox (https://developer.mozilla.org/en-US/docs/Web/SVG/Attribute/clipPathUnits).
Long story short, userSpaceOnUse is used when you pass the absolute values and objectBoundingBox requires normalized values between 0 and 1, so it's handy when dealing with percents.

Unfortunately, SVG doesn't support mixing the units, so it is technically impossible to make it happen, albeit the code proposal has been recently sent.

Thus, I'm not sure if adding this option won't be confusing (as it'd work only in webkit browsers).

I'd like to hear your opinion on this.

Cheers,
Karol

from clip-path-polygon.