web前端:利用border-radius画椭圆

作者:就看你一眼 更新于： 2020-03-21 21:53:43

　　椭圆与圆很相似。不同之处在于椭圆有不同的x和y半径，而圆的x和y半径是相同的。在数学中，椭圆是平面上到两个固定点的距离之和是同一个常数的点的轨迹。这两个固定点叫做焦点。它是圆锥曲线的一种，即圆锥与平面的截线。椭圆在方程上可以写为标准式x²/a²+y²/b²=1。

　　利用border-radius画椭圆

　　html>

　　

　　首先来一个宽高不同的div

　　然后宽高分别减半写到border-radius后面，格式如下:

　　border-radius:100px/50px;

　　椭圆与圆很相似。不同之处在于椭圆有不同的x和y半径，而圆的x和y半径是相同的。根据椭圆的一条重要性质，也就是椭圆上的点与椭圆短轴两端点连线的斜率之积是定值定值为e^2-1可以得出：平面内与两定点的连线的斜率之积是常数k的动点的轨迹是椭圆，此时k应满足一定的条件，也就是排除斜率不存在的情况，还有K应满足<0且不等于-1。