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:
