1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27
| <!DOCTYPE html>
<html lang="Fr">
<head>
<meta charset="utf-8">
<title>Mon blog de tests</title>
</head>
<body>
<script>
function fonction_canvas()
{
var balise_canvas = document.getElementById('image1');
if (balise_canvas.getContext) {
var context2D = balise_canvas.getcontext('2D');
context2D.fillStyle = "rgb(0,220,0)";
context2D.fillRect (50,10,150,100);
}
}
window.onload = fonction_canvas;
</script>
<h3>Voici un rectangle vert</h3>
<canvas id="image1">
Votre navigateur ne peut pas afficher cet élément
</canvas>
</body>
</html> |