« Programmation objet et géométrie/La balise canvas » : différence entre les versions
Contenu supprimé Contenu ajouté
Page créée avec « La balise ''canvas'' est une balise! Elle s'utilise un peu comme la balise ''div'' en lui fournissant un identifiant qui permet à JavaScript d'y placer d... » |
Aucun résumé des modifications |
||
Ligne 2 :
=Canvas=
Pour éviter de mélanger [[w:html|html]] et [[w:Feuilles de style en cascade|css]], on peut donner à la balise ''canvas'' un style uniforme dans le document, en lui fournissant une couleur de bord et une épaisseur de bordure (en pixels), un peu comme le peintre qui commence par assembler un cadre en bois avant de tendre une toile (le canevas) dessus. Ceci se fait par quelque chose comme
<source lang="html5">
<style type="text/css">
canvas { border: 4px solid brown; background: #FFFFFF }
</style>
</source>
Dorénavant toutes les figures du document seront entourées d'un rectangle marron d'épaisseur 4 pixels et seront remplies de blanc par défaut. L'endroit idéal pour placer ce css est entre l'entête (''head'') et le corps (''body'') du document.
==Côté html==
Canvas est donc une balise munie d'un identifiant:
<source lang="html5">
<canvas id="cadre" width="400" height="400">
Mettre ici un texte alternatif pour les malheureux qui n'utilisent pas Firefox...
</canvas><br/>
</source>
==Côté JavaScript==
| |||