[mw_shl_code=css,vero] <!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Martrix</title>
<style>
corpo {
margine: 0;
ribottitura: 0;
colore di sfondo: #000;
Sovraplesso: nascosto;
colore:#e6922a;
}
</style>
</head>
<body>
<canvas id="canvas"></canvas>
<script type="testo/javascript">
var canvas = document.getElementById("canvas"),
contesto = canvas.getContext("2d");
var fontSize = 12,
listText = "abcdefghijklmnopqrstuvwxyz ".split(""),
colonna, riga,
listaColonna = [];
funzione draw() {
Disegna il contesto
context.fillStyle = "rgba(0, 0, 0, 0.05)";
context.fillRect(0, 0, canvas.width, canvas.height);
context.save();
Disegna un logo
context.shadowColor = "#074425";
context.shadowBlur = parseInt(Math.random() * 40 + 1);
context.font = "grassetto 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", (tela.larghezza / 2 - context.misuraTesto ("The Matrix: La Rivoluzione di Matrice").larghezza / 2), tela.altezza - 100);
Disegno codice
context.restore();
context.font = "normale " + fontSize + "px Arial";
context.fillStyle = "#12ee46";
per (var i = 0; Ho < rubrica; i++) {
se (Math.random() > 0.5) {
var str = listText[parseInt(Math.random() * listText.length)];
context.fillText(str, i * fontSize, listColumn* fontDimensione);
ColonnaLista+= 1;
if (listColumn>= riga) {
ColonnaLista= 0;
}
}
}
}
funzione resize() {
larghezza.tela = larghezza finestra.interna - 3;
tela.altezza = finestra.interno - 3;
colonna = tela.larghezza / fontDimensione,
riga = tela.altezza / fontDimensione;
per (var i = 0; Ho < rubrica; i++) {
ColonnaLista= 1;
}
}
window.addEventListener("ridimensionare", ridimensionare);
canvas.addEventListener("mousedown", function () {
clearInterval(timer);
timer = setInterval(pareggio, 20);
});
canvas.addEventListener("mouseup", function () {
clearInterval(timer);
timer = setInterval(pareggio, 40);
});
ridimensionamento();
timer var = setInterval(draw, 40);
</script>
</body>
[/</html>mw_shl_code]
|
Pubblicato su 14/11/2014 18:28:00
|
|
|
|
Pubblicato su 14/11/2014 18:32:02
|
