SVG CircleElement.r Свойство

Опубликовано: 25 Февраля, 2022

SVG - это масштабируемая векторная графика. Его можно использовать для создания графики и анимации, как в холсте HTML.

Свойство SVG CircleElement r возвращает объект SVGAnimatedLength, соответствующий атрибуту данного линейного элемента.

Синтаксис:

 CircleElement.r

Возвращаемое значение: это свойство возвращает объект SVGAnimatedLength, который можно использовать для получения r элемента круга.

Пример 1:

Выход:

Example 2: 

HTML

<!DOCTYPE html>
<html>
  
<body>
    <svg xmlns="http://www.w3.org/2000/svg" 
        viewBox="0 0 250 250" width="250" 
        height="250">
          
        <circle cx="100" cy="100" r="100" 
            fill="green" id="gfg" 
            onclick="clickCircle();" />
              
        <script>
            var g = document.getElementById("gfg");
            console.log(g.r)
        </script>
    </svg>
</body>
  
</html>

Выход: