var c = document.getElementById("jhdCanvas"); var ctx = c.getContext("2d"); // Set up line properties ctx.lineWidth = 2; ctx.strokeStyle = "#000"; // Draw the rounded shape outline ctx.beginPath(); ctx.moveTo(60, 41); // Starting point ctx.lineTo(66, 49); // Top right corner ctx.quadraticCurveTo(66, 55, 55, 57); // Right curve ctx.lineTo(49, 49); // Bottom left line ctx.quadraticCurveTo(49, 41, 60, 41); // Left curve ctx.closePath(); ctx.stroke();