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