SVG 扁圆形

Avatar of Chris Coyier
Chris Coyier

DigitalOcean 为您旅程的每个阶段提供云产品。开始使用 200 美元的免费信用额度!

Amelia Bellamy-Royds

我想知道我是否可以想出一个简单的公式,使用 SVG 贝塞尔曲线创建“扁圆形”类型的曲线。它不会是完全相同的形状,但可以很接近。这个想法

曲线段的“端点”是矩形每条边的中点,在那里一切都应该是完全直的。然后,控制点沿边缘延伸,直到角部的曲率大致正确。

Rogie 几年前也 尝试用 CSS 做过

直接链接 →