Maison >interface Web >Tutoriel H5 >html5 utilise Canvas pour dessiner une image_html5 compétences du didacticiel

html5 utilise Canvas pour dessiner une image_html5 compétences du didacticiel

WBOY
WBOYoriginal
2016-05-16 15:47:111359parcourir




Copier le code
Le code est le suivant :

var canvas=document.getElementById("canvas");
var cxt= canvas.getContext("2d");
var img=new Image();
img.src="cat.jpg";
cxt.drawImage(img,10,10,490,382);
/*
Le test a détecté un problème. L'image n'est souvent pas visible lorsque le navigateur est exécuté pour la première fois
L'image n'est visible qu'après une actualisation. Quelqu'un en connaît-il la raison. ? Pourriez-vous s'il vous plaît me dire Ah
.Hehe
*/

Déclaration:
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn