Problemas con canvas

[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