Por que al revisar las proporciones del canvas en el explorador por medio de darle doble click a la imagen y inspeccionar me sale 300x150...

Pregunta de la clase:
Dibujando en el DOM
Eduardo Gaona Hernandez

Eduardo Gaona Hernandez

Pregunta
studenthace 6 años

Por que al revisar las proporciones del canvas en el explorador por medio de darle doble click a la imagen y inspeccionar me sale 300x150 a pesar que en consola aparece <canvas width=“300” heigth=“300” id=“dibujito”></canvas>

7 respuestas
para escribir tu comentario
    Santiago Cujaban

    Santiago Cujaban

    studenthace 6 años

    Te iba a decir eso. Me alegra que lo hayas corregido por tu cuenta

    Eduardo Gaona Hernandez

    Eduardo Gaona Hernandez

    studenthace 6 años

    Gracias Tiagojacu y Alejurian el hecho de pedirme que compartiera el código me hizo dar cuenta de mi error escribí mal height les doy like por ayudarme 😃

    Santiago Cujaban

    Santiago Cujaban

    studenthace 6 años

    Comparte también tu código javascript

    Eduardo Gaona Hernandez

    Eduardo Gaona Hernandez

    studenthace 6 años

    canvas.jpg

    Eduardo Gaona Hernandez

    Eduardo Gaona Hernandez

    studenthace 6 años

    MI codigo es este

    <!DOCTYPE html>

    <htmlsss>

    <head>

    <meta charset=“utf-8”>

    <title>Dibujando con canvas</title>

    </head>

    <body>

    <h1>Dibujo en canvas</h1>

    <canvas width=“300” heigth=“300” id=“dibujito”></canvas>

    <p>Asi queda tu dibujo</p>

    <script src=“dibujo2.js”></script>

    </body>

    </html>

    canvas.jpg

    Santiago Cujaban

    Santiago Cujaban

    studenthace 6 años

    Revisa bien tu código. Tal ves hayas redefinido este valor en el script y no te hayas dado cuenta. He hecho la prueba creando un canvas y asignandole las medidas (300x300) y sale como se espera

    fdsafsdfa.png Sin embargo, comenta tu código para poder verificar cuál es el error

    Curious Sloth

    Curious Sloth

    studenthace 6 años

    Compártenos tu código para poder ayudarte.

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.