El atributo cx define la coordenada del eje x de un punto central.
Sintaxis:
cx="x-centre"
Valores de atributos:
- length: Longitud en la que queremos establecer la coordenada cx.
- porcentaje: Porcentaje en el que queremos establecer la coordenada cx.
Usaremos el atributo cx para establecer la coordenada cx.
Ejemplo 1:
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 350 300" xmlns="http://www.w3.org/2000/<svg viewBox="0 0 300 100 xmlns="http://www.w3.org/2000/svg"> <circle cx="50" cy="50" r="45"/> <ellipse cx="150" cy="50" rx="45" ry="25" /> </svg> </body> </html>
Producción:
Ejemplo 2:
<!DOCTYPE html> <html> <body> <svg viewBox="0 0 350 300" xmlns="http://www.w3.org/2000/<svg viewBox="0 0 300 100 xmlns="http://www.w3.org/2000/svg"> <circle cx="10%" cy="12%" r="9%"/> <ellipse cx="30%" cy="12%" rx="9%" ry="5%" /> </svg> </body> </html>
Producción:
