linecap.js Example File | Qt Script

Qt 5.9 | Qt Script | Context2D Example | linecap.js Example File

Qt 5.9.4 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();