Publié par Florian Margaine le

Il y a 3 jours, je suis tombé sur la page wikipedia concernant le format XPM (utilisé pour les icônes de Gnome, par exemple).

Le principe étant assez plaisant, j’ai donc eu l’idée de créer une version en javascript d’un parser de format pseudo-XPM.

Tadaaa ! XPM.js est né !

Pour l’utiliser, voici un exemple d’utilisation :

    <div id="cvs"></div>

    var xpmImage = XPM.create(
        '24 24 2 1',
        '  c #AAA',
        'x c #000',
        '      xxxxxxxxxxxx      ',
        '     xxxxxxxxxxxxxx     ',
        '    xxxxxxxxxxxxxxxx    ',
        '   xxxxxxxxxxxxxxxxxx   ',
        '  xxxxxxxxxxxxxxxxxxxx  ',
        ' xxxxxxxxxxxxxxxxxxxxxx ',
        '  xxxxxxxxxxxxxxxxxxxx  ',
        '   xxxxxxxxxxxxxxxxxx   ',
        '    xxxxxxxxxxxxxxxx    ',
        '     xxxxxxxxxxxxxx     ',
        '      xxxxxxxxxxxx      ',
        '       xxxxxxxxxx       ',
        '        xxxxxxxx        ',
        '         xxxxxx         ',
        '          xxxx          ',
        '           xx           ',
        '          xxxx          ',
        '         xxxxxx         ',
        '        xxxxxxxx        ',
        '       xxxxxxxxxx       ',
        '      xxxxxxxxxxxx      ',
        '     xxxxxxxxxxxxxx     ',
        '    xxxxxxxxxxxxxxxx    ',
        '   xxxxxxxxxxxxxxxxxx'
    )
    document.getElementById('cvs').appendChild(xpmImage)

Et ça affiche le canvas suivant : canvas

Vous pouvez revoir ou forker mon code, c’est pour ça qu’il est sur GitHub !

blog comments powered by Disqus