SVG圆形 vs HTML边框半径50%

3

我正在编写一个移动/网页应用程序,其中有彩色可点击和可移动的圆。

我知道可以有两种方式来绘制它们:

  1. 使用 border-radius 的 div
  2. <svg> 中使用 <circle>

现在考虑到使用 svg 我可以利用很酷的动画效果,那么为什么要选择其中一种呢?


这些形状的预期用途是什么? - Mike Lyons
一个SVG在响应式方面会更好地进行缩放,而且SVG具有出色的跨浏览器支持。像d3.js这样的动画库对于使用SVG的动画具有出色的支持,可以让您获得所需的精确动画效果。总之,这纯粹是基于个人意见的答案,取决于您更喜欢使用哪种方式。 - agconti
1个回答

2

看起来这取决于你打算用这些圆形做什么。

如果它们只是链接按钮,那就使用 div,但如果你要做各种动画或创建游戏,我可能会选择 SVG,因为它更灵活,但不被一些旧的或移动浏览器支持。

如果你回答我的问题评论,我将更新这个答案并提供更多信息。


网页内容由stack overflow 提供, 点击上面的
可以查看英文原文,
原文链接