Felicidades Cecy 20!!! ^^

HTML

<canvas id="cecy_cumple" width="665" height="355"></canvas>

CSS

#cecy_cumple {
    border: 5px dashed #fad5d5;
    border-radius: 10px;
    box-shadow: 0 0 20px #fcc;
}

JavaScript

var coords = {
    'F': [
        [0, 0, 0, 100],
        [0, 0, 60, 0],
        [0, 50, 50, 50]
    ],
    'E': [
        [0, 0, 0, 100],
        [0, 0, 60, 0],
        [0, 50, 50, 50],
        [0, 100, 60, 100]
    ],
    'L': [
        [0, 0, 0, 100],
        [0, 100, 60, 100]
    ],
    'I': [
        [0, 0, 60, 0],
        [30, 0, 30, 100],
        [0, 100, 60, 100]
    ],
    'C': [
        [0, 0, 60, 0],
        [0, 0, 0, 100],
        [0, 100, 60, 100]
    ],
    'd': [
        [0, 50, 0, 100],
        [0, 50, 60, 50],
        [0, 100, 60, 100],
        [60, 0, 60, 100]
    ],
    'A': [
        [0, 0, 0, 100],
        [0, 0, 60, 0],
        [60, 0, 60, 100],
        [0, 50, 60, 40]
    ],
    'S': [
        [0, 0, 60, 0],
        [0, 0, 0, 50],
        [0, 50, 60, 50],
        [60, 50, 60, 100],
        [0, 100, 60, 100]
    ],
    'Y': [
        [0, 0, 0, 50],
        [0, 50, 60, 50],
        [60, 0, 60, 50],
        [30, 50, 30, 100]
    ],
    ' ': [
        [0, 100, 60, 100]   
    ],
    '!': [
        [20, 0, 20, 80],
        [20, 90, 20, 100]
    ],
    '=': [
        [0, 45, 60, 45],
        [0, 55, 60, 55]
    ],
    ']': [
        [0, 0, 40, 0],
        [40, 0, 40, 100],
        [0, 100, 40, 100]
    ],
    '2': [
        [0, 0, 60, 0],
        [60, 0, 60, 50],
        [0, 50, 60, 50],
        [0, 100, 60, 100],
        [0, 50, 0, 100]
    ],
    '0': [
        [0, 0, 60, 0],
        [60, 0, 60, 100],
        [0, 100, 60, 100],
        [0, 0, 0, 100],
        [10, 50, 50, 50]
    ]
};

$(function(){
    
    var ctx = $("#cecy_cumple")[0].getContext("2d");
    dibujarMensaje(ctx, "FELICIdA", {x: 10, y: 10});
    dibujarMensaje(ctx, "dES CECY!!!", {x: 10, y: 120});
    dibujarMensaje(ctx, "=] 20!!!", {x: 100, y: 240});
});

function maxX(coords) {
    
    var max = 0;
    for (var i = 0; i < coords.length; i++) {
        var imax = Math.max(coords[i][0], coords[i][2]);
        if ( imax > max )
            max = imax;
    }
    return...