Web Platform Team Blog

Adobe

decor

Making the web awesome

Archive for the Exclusions Category

Exclusion Shape Coordinates Get Logical

Until recently, the code for calculating intersections between lines and exclusion shapes was using its own coordinate system. This was in addition to the two main coordinate systems used in WebKit, physical and logical (sometimes called abstract) from the CSS Writing Modes Specification. After some mulling, Hans decided to do some additional up-front processing and... Continue reading →

First Fit Layout Location for Rounded Rectangles

In the past, Hans has explained the first-fit layout algorithm for polygonal shaped exclusions. This algorithm is used to find the topmost location that a content box can fit into. Now he has written up a post on using the first-fit algorithm on rounded rectangle shapes. Interestingly enough, rounded rectangles do not only include rectangles with rounded corners;... Continue reading →

CSS Exclusions Now Available Under Flag in Chrome Canary

Chrome Canary now has a flag to enable CSS Exclusions. In Canary, enter “about:flags” in the address bar, find “Enable experimental WebKit features”, click “Enable”, and relaunch Canary. Note that the implementation of this feature is still in progress, and currently only a subset of shape-inside functionality is available. You can find more information, and... Continue reading →

Finding the First Layout Location Within a Polygonal CSS Exclusion Shape

Hans Muller has been investigating how to layout inline text within or around a CSS Exclusion Shape. Previously, he wrote about an algorithm that would help detecting the text rectangle that would intersect a CSS Exclusion shape outside or within. Recently he’s been working to solve a related problem, finding the initial location to begin laying... Continue reading →

CSS Exclusions and Shape Intersection, Revisited

A couple weeks ago, we mentioned shape intersection as one of the interesting engineering problems presented by CSS Exclusions. Hans Muller wrote a blog post outlining an algorithm to compute intersections between horizontal content and arbitrary polygons. Recently, he’s been working on an algorithm calculating intersections with curved exclusion shapes: rounded rectangles, ellipses and circles.... Continue reading →