Problemas con canvas

[eduardo654]

Hola
eh tenido problemas con mi pagina web sucede que hice un dibujo con canvas para el footer. Pero cuando puse el logotipo me di cuenta que el dibujo con canvas se acercaba mas al texto que esta dentro de unos div's.

Como puedo hacer que entre mas texto o contendio tenga en mi sitio el dibujo con canvas se vaya asia abajo????

[emprear]

Podríamos comenzar por ver algo del código que estás usando

Salu2

[eduardo654]

A claro XD

Codigo Css

Código CSS:

#micanvas
{
    position: absolute;
    bottom:0px;
    left:0px;
}
 

Codigo Java Script

Código Javascript:

$(document).on("ready",configurarApp);
function configurarApp () 
{
    var canvas = document.getElementById("micanvas")
    var ctx = canvas.getContext("2d");
    canvas.width = screen.availWidth;
    dibujaFooter(canvas,ctx)
}
 
function dibujaFooter(canvas,contexto)
{
    contexto.fillStyle = "rgba(0,0,0,0,8)";
    contexto.moveTo(0,0);
    contexto.quadraticCurveTo(0,-50,canvas.width-100,canvas.height-50);
    contexto.fill();
    
}
 

Y el codigo css del contenido

Código CSS:

#textoPr
{
    width: 800px;
    background-color: #1d1d1d;
    color:#FFF;
    margin:0 auto;
    margin-left: auto; 
    margin-right: auto;
    text-align: left;
    border-radius: 20px;
    padding: 20px;
    box-shadow:0px 0px 20px rgba(0,0,0,0.5);
}
 

Porfa ayundem

[rosonator]

¿No puedes ubicar todo a placer con el position:absolute, tus div incluidos? Así el canvas no les pisará.

En cualquier caso, tienes el footer en un (0,0), por lo que entiendo que, si realmente es un footer, estará metido en un frame, me equivoco? Si fuera así quizás te valiera la pena sacarlo del mismo, que quién sabe si es eso lo que te da problemas.

Y si lo que quieres es que símplemente el canvas vaya abajo(acabo de leer tu otro mensaje), quita ese primer css que define la posición y ponlo al final del código html, así de fácil.

[eduardo654]

Solo quiero que vaya bajandi junto con texto "Y si lo que quieres es que símplemente el canvas vaya abajo(acabo de leer tu otro mensaje), quita ese primer css que define la posición y ponlo al final del código html, así de fácil."