在浏览器中绘制动态圆的最佳方法是什么(除了 flash)

What is the best way to draw dynamic circle in browser (apart from flash)

本文关键字:是什么 方法 除了 flash 最佳 浏览器 绘制 动态      更新时间:2023-09-26

我想画圆,我想根据一些服务器事件重新调整它的大小?有可能吗 js/html?

PS:我尝试了画布,但画布不允许单独调整圆圈的大小。

  1. 使用 SVG。(最可靠的一个)
  2. 使用画布,它是HTML5标签,而不是跨浏览器。(画一个圆,然后清理它并画另一个)
  3. 使用 CSS3 border-radius属性。

    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    

试试拉斐尔

http://raphaeljs.com/
http://raphaeljs.com/reference.html#Paper.circle这是如何在拉斐尔画圆的一个很好的例子。

也许创建一个具有相同高度和宽度的某种大小的块元素,"边框半径"为 50%,"边框宽度"为几个像素?

下面是一个示例。 如果需要动态调整大小,可以使用 JavaScript 设置高度和宽度。