[mw_shl_code=css,vrai] < !DOCTYPE html>
<html lang="en » xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8 » />
<title>Martrix</title>
<style>
corps {
marge : 0 ;
Remplissage : 0 ;
Couleur de fond : #000 ;
Débordement : Caché ;
Couleur : #e6922a ;
}
</style>
</head>
<body>
<canvas id="canvas></canvas>
<script type="text/javascript">
var canvas = document.getElementById(« canvas »),
contexte = canvas.getContext(« 2d ») ;
var fontSize = 12,
listText = « abcdefghijklmnopqrstuvwxyz « .split(« »),
colonne, ligne,
listColumn = [] ;
fonction draw() {
Dessiner le contexte
context.fillStyle = « rgba(0, 0, 0, 0.05) » ;
context.fillRect(0, 0, canvas.width, canvas.height) ;
context.save() ;
Dessinez un logo
context.shadowColor = « #074425 » ;
context.shadowBlur = parseInt(Math.random() * 40 + 1) ;
context.font = « grasset 36px Arial » ;
context.fillStyle = « #eefbf5 » ;
context.fillText(« ITSVSE.COM », (canvas.width / 2 - context.measureText(« ITSVSE.COM »).width / 2), canvas.height - 200) ;
context.fillText(« Wusoft Forum », (canvas.width/2 - context.measureText(« Wusoft Forum »).width / 2), canvas.height - 165) ;
context.font = « 16px Microsoft Yahei » ;
context.fillText(« The Matrix : The Matrix Revolution », (toile.largeur / 2 - context.mesureTexte(« La Matrice : La Révolution de la Matrice »).largeur / 2), toile.hauteur - 100) ;
Code de dessin
context.restore() ;
context.font = « normal » + fontSize + « px Arial » ;
context.fillStyle = « #12ee46 » ;
pour (var i = 0 ; J’ai < chronique ; i++) {
if (Math.random() > 0,5) {
var str = listText[parseInt(Math.random() * listText.length)] ;
context.fillText(str, i * fontSize, listColumn* fontSize) ;
ListColumn+= 1 ;
if (listColumn>= ligne) {
ListColumn= 0 ;
}
}
}
}
fonction resize() {
toile.largeur = fenêtre.largeurDel’intérieur - 3 ;
toile.hauteur = fenêtre.intérieurHauteur - 3 ;
colonne = largeur.caneas / tailleFont,
ligne = toile.hauteur / fontTaille ;
pour (var i = 0 ; J’ai < chronique ; i++) {
ListColumn= 1 ;
}
}
window.addEventListener (« redimensionner », redimensionner) ;
canvas.addEventListener(« mousedown », function () {
clearInterval(minuter) ;
minuteur = setInterval(match nul, 20) ;
});
canvas.addEventListener(« mouseup », function () {
clearInterval(minuter) ;
minuteur = setInterval(match nul, 40) ;
});
redimensionner () ;
var timer = setInterval(match nul, 40) ;
</script>
</body>
[/</html>mw_shl_code]
|
Publié sur 14/11/2014 18:28:00
|
|
|
|
Publié sur 14/11/2014 18:32:02
|
