linecap.js Example File | Qt Script

- Qt 5.4
- Qt Script
- Context2D Example
- linecap.js Example File
- Qt 5.4.2 Reference Documentation

# linecap.js Example File

script/context2d/scripts/linecap.js

    var ctx = document.getElementById('tutorial').getContext('2d');
      var lineCap = ['butt','round','square'];

      // Draw guides
      ctx.save();
      ctx.strokeStyle = '#09f';
      ctx.beginPath();
      ctx.moveTo(10,10);
      ctx.lineTo(140,10);
      ctx.moveTo(10,140);
      ctx.lineTo(140,140);
      ctx.stroke();

      // Draw lines
      ctx.strokeStyle = 'black';
      for (i=0;i<lineCap.length;i++){
        ctx.lineWidth = 15;
        ctx.lineCap = lineCap[i];
        ctx.beginPath();
        ctx.moveTo(25+i*50,10);
        ctx.lineTo(25+i*50,140);
        ctx.stroke();
      }
      ctx.restore();