« Programmation objet et géométrie/La balise canvas » : différence entre les versions
Contenu supprimé Contenu ajouté
Aucun résumé des modifications |
Aucun résumé des modifications |
||
Ligne 46 :
var chevalet=document.getElementById('cadre');
var pinceau=chevalet.getContext('2d');
</source>
Cette étape supplémentaire a deux avantages:
# Comme on s'en doute, si pour l'instant seule la variable ''"2d"'' du contexte renvoie un objet non vide, il est prévenu dans un avenir plus ou moins proche qu'il y ait aussi un contexte ''"3d"''...
# On peut (et c'est même conseillé) mettre tout le traitement de la figure dans un test sur la non nullité du contexte ''"2d"''; ce qui évite d'avoir des messages d'erreur sur des navigateurs ne reconnaissant pas la balise ''canvas''.
Un fichier ''html5'' minimal avec un dessin resemble à ceci:
<source lang="html5">
<html>
<style type="text/css">
canvas { border: 4px solid brown; background: #FFFFFF }
</style>
<body>
<canvas id="cadre" width="400" height="400">
<script>
var chevalet=document.getElementById('cadre');
var toile=chevalet.getContext('2d');
</script>
</canvas>
</body>
</html>
</source>
Ligne 53 ⟶ 76 :
==Effaçage de la figure==
==Coup de pinceau==
| |||