Usamos cookies para medir audiência e melhorar sua experiência. Você pode aceitar ou recusar a qualquer momento. Veja sobre o iMasters.
Amigos,
estou criando um código com java para criar um efeito de fade no background.
O código está assim:
<style type="text/css">
.tela{
width: 100%;
height: 100%;
display: block;
position: fixed;
top: 0;
left: 0;
z-index: 50;
}
</script>
<script type="text/javascript">
function fadeOut(id, time) {
target = document.getElementById(id);
alpha = 100;
timer = (time*1000)/50;
var i = setInterval(
function() {
if (alpha <= 0)
clearInterval(i);
setAlpha(target, alpha);
alpha -= 2;
}, timer);
}
function setAlpha(target, alpha) {
target.style.filter = "alpha(opacity="+ alpha +")";
target.style.opacity = alpha/100;
}
</script>
<body>
<body onload="javascript:fadeOut('alvo', 1.5)">
<div class="tela" id="alvo">
<canvas id="myCanvas" width="2000" height="1000"></canvas>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.fillStyle="#000000";
ctx.fillRect(0,0,2000,1000);
</script>
</div>
<img class="bg" src="bg_05.jpg">
</body>Porém gostaria de setar para que o canvas ou o fillRect sempre estivesse com 100% da janela.
Já tentei e pesquisei horas e horas, mas devo estar errando em algum lugar.
Alguém poderia me dar essa ajudinha.
Obrigado.
Carregando comentários...