Sommaire

Générer des PNG en JavaScript PNG

Une librairie permettant de créer des images au format PNG a été ajoutée dans le dossier lib du dossier js. Le fichier 5_16_PNG.html détaille cet exemple :

images/05RI11.png

Le code permet de créer assez facilement cinq formes qui sont : \, /, ||, = et X.

Puisque cela ne fait que cinq formes et qu’il pourrait être utile d’avoir davantage d’icônes différentes, la couleur de fond de chacun sera différente. Nous allons voir comment créer des couleurs différentes et ensuite comment créer les images.

La première étape va être le remplissage d’un tableau d’objets, qui contiendra les couleurs, ou plus précisément les composantes rouge, vert et bleu de la couleur d’arrière-plan, et une quatrième information pour la couleur de premier plan.

var frequence = .2; 
var RFrequence = Math.PI / 9; 
var VFrequence = Math.PI / 17; 
var BFrequence = Math.PI / 4;

for (var i = 0; i < 20; ++i) 
{ 
    var r = Math.round(Math.sin(RFrequence * i) * 70 + 180); 
    var g = Math.round(Math.sin(VFrequence * i) * 70 + 180); 
    var b = Math.round(Math.sin(BFrequence * i) * 70 + 180); 
    var txt = 255; 
    if ((r + g + b) > 100) { 
        txt = 0; 
    } 
    pattTernColor[i] = {}; 
    pattTernColor[i].r = r;  ...