Ending 11 years of compromise: Chrome 149 will natively support shape() next week, enabling any curved text to wrap around with a single line of CSS

robot
Abstract generation in progress
ME News message: On May 16 (UTC+8), according to Beating monitoring, AI browser startup ego announced that its developer CGQAQ’s shape() function contributed to Chromium has been officially merged into the main branch. Chrome 149 will roll out this feature globally next week. With just a single line of CSS code, developers can make text wrap tightly along any Bézier curve, completely replacing the previous JS layout solution. Since it was added to the standard in 2014, the CSS property shape-outside, which controls content wrapping, has supported only five basic shapes—such as circles and ellipses—over the past 11 years. Previously, if developers wanted text to be laid out along a smooth Bézier curve, they had to manually calculate 40+ polygon vertices for a rough simulation, or introduce a third-party JavaScript text engine such as pretext in user space. This update enables the browser’s rendering layer to take over curve layout directly, fundamentally eliminating the performance overhead brought by JS add-on solutions. To promote cross-device compatibility, the ego team has submitted an Interop 2026 proposal, urging Safari and Firefox to follow suit as soon as possible. (Source: BlockBeats)
View Original
This page may contain third-party content, which is provided for information purposes only (not representations/warranties) and should not be considered as an endorsement of its views by Gate, nor as financial or professional advice. See Disclaimer for details.
  • Reward
  • Comment
  • 2
  • Share
Comment
Add a comment
Add a comment
No comments
  • Pinned