Atributo SVG r – Barcelona Geeks

El atributo r define el radio del círculo.

Sintaxis:

r="radius"

Valores de atributos:

longitud: longitud en la que queremos establecer el radio.
porcentaje: porcentaje en el que queremos establecer el radio.

Usaremos el atributo r para establecer el radio del círculo.

Ejemplo 1:

HTML

<!DOCTYPE html> 
<html> 
  
<body> 
    <svg viewBox="0 0 300 200" 
        xmlns="http://www.w3.org/2000/svg">
  
        <circle cx="40" cy="40" r="25"/>
    </svg>
</body> 
  
</html>

producción:

Ejemplo2:

HTML

<!DOCTYPE html>
<html>
  
<body>
    <svg viewBox="0 0 300 200" 
        xmlns="http://www.w3.org/2000/svg">
          
        <radialGradient r="50%" id="myGradient00">
            <stop offset="0" stop-color="white" />
            <stop offset="100%" stop-color="black" />
        </radialGradient>
  
        <rect x="5" y="5" width="60" height="60" 
            fill="url(#myGradient00)" />
    </svg>
</body>
  
</html>

producción:

Publicación traducida automáticamente

Artículo escrito por taran910 y traducido por Barcelona Geeks. The original can be accessed here. Licence: CCBY-SA

HTML

HTML

Deja una respuesta Cancelar la respuesta