COURS COMPLET JAVASCRIPT [59/65] - Insérer du texte et des images dans le canvas

[@anthonyzmg6201]

Je suis sur Visual Studio Code et certaines commandes ne fonctionnent pas comme fillStyle... J'ai bien écris le code comme tu nous l'a présenté mais je n'ai pas le même résultat malheureusement.

[@icymusic4947]

L' événement "load" ne marche pas bien avec moi. Quand j'actualise, tantôt l'image s'affiche bien dans le canvas, tantôt l'image ne s'affiche pas.

[@icymusic4947]

Bon j'ai corrigé le problème tout seul en créant la balise img depuis JS

[@jeanvereecke3063]

Je me pose une question : Est-il si intéressant d'utiliser canvas pour une image ?

[@lensdurandisse6980]

Vous avez oublié de mettre 'Essayer ce code' dans la partie 'Insérer une image dans le canvas' de la version écrite de ce cours Mr Giraud ;)

[@darka7740]

var canvas = document.getElementById('canvas1'); var contexte = canvas.getContext('2d'); var image = document.createElement('img'); image.src = 'assets/img/tente.jpg'; image.addEventListener('load', afficher); function afficher() { contexte.drawImage(image, 50, 25, 500, 350); }

[@enivort6909]

C'est pas du javascript c'est de l'HTML ça non?

[@ImaMusic2k]

Ce qu'il ya dans la balise c'est du css, la balise c'est de l' Html, et dans la balise c'est du Javascript 😉

[@enivort6909]

lordRheen ah ok, c'est cool je ne savais pas que l'on pouvais faire comme ça

[@Generally2310]

T'as raison c'est du HTML m3 j pense qu'il a fait comme ça parceque on a besoin du JavaScript pour pouvoir exploiter l'element canvas