alpha.js Example File | Qt Script

- Qt 5.5
- Qt Script
- Context2D Example
- alpha.js Example File
- Qt 5.5.1 Reference Documentation

# alpha.js Example File

script/context2d/scripts/alpha.js

    var ctx = document.getElementById('tutorial').getContext('2d');
      // draw background
      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,75,75);
      ctx.fillStyle = '#FFF';

      // set transparency value
      ctx.globalAlpha = 0.2;

      // Draw semi transparent circles
      for (i=0;i<7;i++){
          ctx.beginPath();
          ctx.arc(75,75,10+10*i,0,Math.PI*2,true);
          ctx.fill();
      }