終結11年妥協:Chrome149下週原生支援shape(),一行CSS實現任意曲線文字環繞

MMetaEra
5 月 16 日(UTC+8),AI 瀏覽器新創公司 ego 宣布,其開發者 CGQAQ 已成功將 shape() 函式合併至 Chromium 主分支。Chrome 149 版本預計於下週在全球範圍內推出此功能。開發者現僅需一行 CSS 程式碼,即可實現文字沿任意貝茲曲線(Bézier curve)自動包繞,有效取代過去基於 JavaScript 的版面配置方案。 自 2014 年首次引入 shape-outside CSS 屬性以來,過去 11 年間該屬性僅支援五種基本形狀,例如圓形與橢圓形。此前,若開發者希望讓文字沿平滑的貝茲曲線包繞,只能透過手動計算逾 40 個多邊形頂點以粗略模擬,或依賴 pretext 等第三方 JS 文字引擎。 此次更新使瀏覽器渲染層可直接處理曲線版面配置,消除了基於 JavaScript 替代方案所造成的效能開銷。為促進跨平台相容性,ego 團隊已提交「Interop 2026」提案,呼籲 Safari 與 Firefox 也採用此項功能。 [律動]