var ctx = document.querySelector('#c').getContext('2d'); ctx.lineWidth = 20; ctx.lineCap = 'square'; ctx.lineJoin = 'round'; //draw seams ctx.strokeStyle = 'rgb(248, 113, 21)'; ctx.beginPath(); ctx.moveTo(130, 135); ctx.lineTo(10, 240); ctx.stroke(); ctx.closePath(); ctx.beginPath(); ctx.moveTo(235, 135); ctx.lineTo(345, 230); ctx.stroke(); ctx.closePath(); // draw envelope flap ctx.strokeStyle = 'rgb(247, 63, 20)'; ctx.beginPath(); ctx.moveTo(15,15); ctx.lineTo(163,140); ctx.lineTo(203, 140); ctx.lineTo(351, 15); ctx.stroke(); ctx.closePath(); ctx.strokeStyle = 'rgb(247, 63, 20)'; ctx.strokeRect(10, 10, 346, 230);
<canvas id=c width=366 height=250></canvas>
canvas {border: 1px solid #ccc;background:#eee}