Fondo en Canvas
Publicado por Garhard (1 intervención) el 22/03/2013 19:47:18
Buenas, tengo un problema en el Javascript, lo que intento es insertar fondo en el canvas y que el texto actúe dentro del fondo, no por separado.
Este es el codigo:
Espero su ayuda. Saludos!
Este es el codigo:
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
<!DOCTYPE html>
<html lang="es" >
<head>
<meta charset="UTF-8" />
<script type="text/javascript">
var imagenX = 0; var imagenY = 0; var img = new Image;img.src = "http://imageshack.us/a/img541/1415/texti.png";
function comenzar(){
var imagenCab = document.createElement("img");
imagenCab.setAttribute("src", "http://imageshack.us/a/img543/6204/cabtl.png");
fondo = document.getElementById('fondo');
fondo.appendChild(imagenCab);
lienzo = document.getElementById('lienzo');
ctx = lienzo.getContext('2d');
setInterval(mover, 10);
}function mover(){
imagenX = imagenX + 1;
if (imagenX == 681){
imagenX = -610;
}ctx.clearRect(0,0,lienzo.width,lienzo.height);
ctx.drawImage(img, imagenX, imagenY);
}</script>
</head>
<body onload="comenzar()">
<div id = "fondo" width="681" height="180">
<canvas id="lienzo" width="681" height="180"></canvas>
</div>
</body>
</html>
Espero su ayuda. Saludos!
Valora esta pregunta
0