Nouveaux navigateurs, nouvelle norme
Trouvé sur le blog des intégristes les nouveautés coté navigateurs web.
…
Wow ! mais c’est énorme !
…
Notamment l’objet canvas.
Le fonctionnement de la balise canvas en deux mots. Ça permet de dessiner une image grâce à du code javascript.
exemple :
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN">
<html>
<head>
<title>Canvas tutorial</title>
<script type="text/javascript">
function draw(){
var canvas = document.getElementById('tutorial');
if (canvas.getContext){
var ctx = canvas.getContext('2d');
// Je dessine un rectangle
ctx.fillRect(25,25,100,100);
}
}
</script>
<style type="text/css">
canvas { border: 1px solid black; }
</style>
</head>
<body onload="draw();">
<canvas id="tutorial" width="150" height="150"></canvas>
</body>
</html>
Comme c’est du javascript on peut y ajouter des animations pour en faire de vrais jeux comme ça ou ça. Mais on peut faire aussi des logiciels de dessin par exemple. Pour en savoir plus on peut aller faire un tour sur le tutoriel du Mozilla Developer Center.
Autre nouveauté la balise video intégré directement dans Firefox 3.1. Et pour plus d’information c’est par là.
11 juillet 2008 | 1 commentaire