[mw_shl_code=CSS,True] <!DOCTYPE html>
<html lang="en" xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta charset="utf-8" />
<title>Martrix</title>
<style>
cuerpo {
marje: 0;
relleno: 0;
Color de fondo: #000;
desbordamiento: oculto;
color: #e6922a;
}
</style>
</head>
<body>
<canvas id="canvas"></canvas>
<script type="text/javascript">
var canvas = document.getElementById("canvas"),
contexto = canvas.getContext("2d");
var fontSize = 12,
listText = "abcdefghijklmnopqrstuvwxyz ".split(""),
columna, fila,
listColumn = [];
función draw() {
Dibujar antecedentes
context.fillStyle = "rgba(0, 0, 0, 0.05)";
context.fillRect(0, 0, canvas.width, canvas.height);
context.save();
Dibujar un logotipo
context.shadowColor = "#074425";
context.shadowBlur = parseInt(Math.random() * 40 + 1);
context.font = "negrita 36px Arial";
context.fillStyle = "#eefbf5";
context.fillText("ITSVSE.COM", (lienzo.ancho / 2 - contexto.medidaTexto("ITSVSE.COM").ancho / 2), lienzo.altura - 200);
context.fillText("Wusoft Forum", (canvas.width/2 - context.measureText("Wusoft Forum").width / 2), canvas.height - 165);
context.font = "16px Microsoft Yahei";
context.fillText("La Matrix: La Revolución Matrix", (lienzo.ancho / 2 - contexto.medidaTexto("La Matriz: La Revolución Matrix").ancho / 2), lienzo.altura - 100);
Código de dibujo
context.restore();
context.font = "normal " + fontSize + "px Arial";
context.fillStyle = "#12ee46";
para (var i = 0; < columna; i++) {
si (Math.random() > 0,5) {
var str = listText[parseInt(Math.random() * listText.length)];
context.fillText(str, i * fontSize, listColumn* fontSize);
listaColumna+= 1;
si (listColumn>= fila) {
listaColumna= 0;
}
}
}
}
función resize() {
ancho.lienzo = ancho.ventana - 3;
lienzo.altura = ventana.interiorAltura - 3;
columna = lienzo.ancho / tamaño de fuente,
fila = lienzo.altura / tamañoFuente;
para (var i = 0; < columna; i++) {
listaColumna= 1;
}
}
window.addEventListener ("redimensionar", redimensionar);
canvas.addEventListener("mousedown", function () {
clearInterval(timer);
temporizador = setInterval(empate, 20);
});
canvas.addEventListener("mouseup", function () {
clearInterval(timer);
timer = setInterval(empate, 40);
});
redimensionar();
var timer = setInterval(empate, 40);
</script>
</body>
[/</html>mw_shl_code]
|
Publicado en 14/11/2014 18:28:00
|
|
|
|
Publicado en 14/11/2014 18:32:02
|
