Re: [csswg-drafts] [css-images-4] Proposal to allow replaced elements to paint outside of their bounds (#7058)

> So for example if we have an element sized 100X200 with a 10px shadow on all edges, it's snapshot's intrinsic size is 120X220. We'd render this in a replaced element sized to 100X200 (which provides the specified size) with object-view-box: 10,10,100,200. The natural size used by the replaced element's sizing algorithm is then 100X200 and the paint content is the subset specified using object-view-box.

Correct.

> What happens when this image is rendered in a replaced element of specified size of 100X100 with object-fit: contain and object-position: left top? I'm assuming we'd downscale the complete image to 50X100. So now point (5,5) in the downscaled image will map to the origin of the replaced element's content-box.

Correct; that's still the edge of the element-box part of the image, with the shadow outside of that point. The view-box shifting/stretching happens before any of the other object-* adjustments.

-- 
GitHub Notification of comment by tabatkins
Please view or discuss this issue at https://github.com/w3c/csswg-drafts/issues/7058#issuecomment-1055851553 using your GitHub account


-- 
Sent via github-notify-ml as configured in https://github.com/w3c/github-notify-ml-config

Received on Tuesday, 1 March 2022 20:59:36 UTC