header-langage
简体中文
繁體中文
English
Tiếng Việt
한국어
日本語
ภาษาไทย
Türkçe
Scan to Download the APP

Ending 11 Years of Compromise: Chrome 149 to Natively Support `shape()` Next Week, Allowing One-Line CSS to Achieve Text Path Wrapping Around Any Curve

According to Perceive Beating monitoring, AI browser startup ego has announced that its developer CGQAQ has officially merged the shape() function contributed to Chromium into the main branch. Chrome 149 will globally roll out this feature next week. With just one line of CSS code, developers can now make text wrap closely around any Bézier curve for text layout, completely replacing the original JS layout solution.

Since being included in the specification in 2014, the CSS property shape-outside that controls content wrapping has only supported five basic shapes such as circles and ellipses in the past 11 years. Previously, if developers wanted to smoothly wrap text along a Bézier curve, they had to manually calculate over 40 polygon vertices for a rough approximation or introduce user-level third-party JS text engines like pretext.

This update enables the browser rendering layer to directly handle curve-based layout, fundamentally eliminating the performance overhead brought by JS plug-in solutions. To promote cross-platform compatibility, the ego team has submitted the Interop 2026 proposal, urging Safari and Firefox to follow suit promptly.

举报 Correction/Report
Correction/Report
Submit
Add Library
Visible to myself only
Public
Save
Choose Library
Add Library
Cancel
Finish