在 Web 上呈现圆形图形的最佳方式

Question

Hej！

我在动画中使用一个简单的点作为网站的图形界面 - 没什么花哨的，但由于圆形对象不是很"屏幕友好"，我想知道;

是一个圆形的div

border-radius: 50%;
overflow: hidden;
background: #000;

还是方形div 内的圆形 SVG 图形渲染更平滑？ 甚至有(视觉(不同吗？ 如果是这样，什么时候(以及为什么(？

我只是好奇。

提前感谢， 亲切问候

卢卡斯

Answer 1

如果为边框指定 radius 属性，则不会使div边框变圆。它只是使边框变圆，但div本身仍然是一个矩形。

话虽如此，使用border-radius属性应该没有问题。

附言答案可能会有所不同，具体取决于您使用div轮的目的。