El atributo de ancho de trazo es un atributo que define el ancho del trazo aplicado a la forma.
Sintaxis:
stroke-width="length"
Valores de atributos:
- longitud: longitud en la que queremos establecer el atributo de ancho de trazo
- porcentaje: porcentaje en el que queremos establecer el atributo de ancho de trazo
Usaremos el atributo de ancho de trazo para establecer el ancho del elemento.
Ejemplo 1: En este ejemplo, usaremos el atributo de ancho de trazo para establecer el ancho de rect usando el valor de longitud.
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 110 80" xmlns="http://www.w3.org/2000/svg"> <circle cx="15" cy="15" r="3" stroke="green" stroke-width="11" /> </svg> </body> </html>
Producción:
Ejemplo 2: En este ejemplo, usaremos el atributo de ancho de trazo para configurar el ancho de rect usando el valor porcentual.
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 110 80" xmlns="http://www.w3.org/2000/svg"> <circle cx="20" cy="20" r="6" stroke="green" stroke-width="20%" /> </svg> </body> </html>
Producción
