HTML canvas cloud

canvas cloud

    canvas = document.getElementById('cloud');
    var ctx = cloud.getContext("2d");

    ctx.beginPath();

    // left
    ctx.arc(40,65,40,0,2*Math.PI)
    ctx.fillStyle = "rgb(255,255,255)";
    ctx.fill();

    // center
    ctx.arc(110,50,50,0,2*Math.PI)
    ctx.fillStyle = "rgb(255,255,255)";
    ctx.fill();

    // rights
    ctx.arc(170,65,40,0,2*Math.PI)
    ctx.fillStyle = "rgb(255,255,255)";
    ctx.fill();

    ctx.fillStyle = "rgba(255, 255, 255)";
    ctx.fillRect (45, 35, 120, 70);
    ctx.fill();