Dans H5, nous utiliserons souvent l'élément canvas pour dessiner des graphiques. Aujourd’hui, nous allons donc vous présenter comment utiliser Canvas et dans quelles circonstances Canvas peut être utilisé. Et les compétences en peinture sur toile
canvas est utilisée pour dessiner des graphiques sur la page
aperçu de la toile :
élément de toile html5 et javascript sont utilisés ensemble Dessinez des graphiques sur la page
la toile est une toile, dessinez des chemins, des rectangles, des cercles sur la toile...
< ;ID de la toile largeur hauteur>
graphiques de dessin sur toile : ---》dessin javascript
La toile elle-même n'a pas le dessin capacité, travail de dessin Tout est fait en javascript *****
js obtient l'élément
element.getContext(“2d”) l'objet, qui peut dessiner des graphiques 2D. Dessinez des rectangles, des chemins, des caractères circulaires... et d'autres méthodes
cxt.fillStyle = "#ff0000" //Dessiner la couleur de remplissagecxt. fillRect(25,10,150,75);//x, y,w,h déterminer la forme 25,10 coordonnées du point de départRemarque : toile Tracer des lignes droites et rectanglesLignes :cxt.moveTo(10,10); Point de départ original cxt.lineTo(150,50); le point de départ est le point de départ de la ligne droite suivante du même graphique 2D cxt.stroke(); Sortie
Comment utiliser la balise
Comment rédiger la déclaration de type de document html
Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!