KONTAKT
izuzetan[at]gmail.com

Transparentnost boja

Kao što je već pisano providnost (transparentnost) boja možese praviti pomoću rgba definicije za boje, pomoću njenog zadnjeg parametre, koji se kreće od 0 - boja se i neće videti, 0.5 - polutransparentna boja i 1 - kad boja nije nimalo transparentna. Medjutim ako su sve boje transparentne podjednako onda ne moramo svuda koristiti rgba, već možemo rgb, a transparentnost definisati kao globalnu pomoću sledeće funkcije:

globalAlpha = vrendnostTransparentnosti

vrednostTransparentnoszi se naravno kreće od 0 do 1, sve isto kao kad se definiše transparentnost u zadnjem parametru rgba definicije boje. Evo primera:

function crtaj() {
    canvas = document.getElementById("kocke");
    if (canvas.getContext) {
        ctx = canvas.getContext("2d");
  // Crtanje pozadine
        ctx.fillStyle = "#FD0";
        ctx.fillRect(0,0,75,75);
        ctx.fillStyle = "#6C0";
        ctx.fillRect(75,0,75,75);
        ctx.fillStyle = "#09F";
        ctx.fillRect(0,75,75,75);
        ctx.fillStyle = "#F30";
        ctx.fillRect(75,75,150,150);
        ctx.fillStyle = "#FFF";
  // Definisanje transparentnosti
        ctx.globalAlpha = 0.2;
  // Crtanje polutransparentnih krugova
        for (var i=0;i<7;i++){
            ctx.beginPath();
            ctx.arc(75,75,10+10*i,0,Math.PI*2,true);
            ctx.fill();
         }
    }
}