Hola. Que etiqueta puedo usar para centrar un dibujo con Canvas? Gracias!!

Pregunta de la clase:
Vanessa Velasco

Vanessa Velasco

Pregunta
studenthace 7 años

Hola. Que etiqueta puedo usar para centrar un dibujo con Canvas? Gracias!!

2 respuestas
para escribir tu comentario
    Victoria Veronika Ramírez Borges

    Victoria Veronika Ramírez Borges

    studenthace 7 años

    Es correcto lo que escribe @Kerepakupai. Sin embargo agregaré algunos comentarios.

    Agrega los estilos preferentemente fuera de las etiquetas dentro de las etiquetas head del documento después del title .

    Ej:

    <style type=“text/css”>

    canavas{

    margin: auto;

    display: block;

    }

    </style>

    O generando un documento .css externo y luego invocándolo en el head (esto es lo más recomendable profesionalmente).

    Ej:

    <link rel=“stylesheet” href="ruta_de_origen/nombre.css />

    Si tu agregas estilos dentro de la etiqueta tendrás problemas si debes reacomodar algo en distintos dispositivos. Te recomiendo entender el concepto de “herencia” en Css. Te ahorrarás muchos dolores de cabeza.

    Y cuidado con el atributo display: block;. Ya que si no le das un width determinado el objeto con dicho atributo tiende a ocupar el 100% del espacio horizontal disponible.

    Esperamos haberte ayudado.

    David Fuentes

    David Fuentes

    studenthace 7 años

    Puedes centrar la imagen agregando estilos al Canvas

    style="margin: auto; display: block"

    espero te funcione. Saludos

Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.

Curso Gratis de Programación Básica
Curso Gratis de Programación Básica

Curso Gratis de Programación Básica

Programa desde cero, domina Javascript, entiende HTML y aprende de algoritmos. <strong>Sí, desde cero</strong>. Entenderás la lógica del código, cómo piensan los programadores y cómo programar juegos, proyectos y hasta robots y electrónica. Aprender a programar no es fácil, pero Platzi lo hace efectivo.