为Canvas.LineTo设置lineend样式

const canvas = document.getElementById('myCanvas');
const ctx = canvas.getContext('2d');

ctx.beginPath();
ctx.moveTo(10, 10);
ctx.lineTo(100, 10);
ctx.lineTo(100, 100);
ctx.lineTo(10, 100);
ctx.closePath();

ctx.lineWidth = 10;
ctx.lineJoin = 'round';
ctx.miterLimit = 5;

ctx.lineCap = 'butt';
ctx.stroke();

ctx.lineCap = 'round';
ctx.stroke();

ctx.lineCap = 'square';
ctx.stroke();