¿Cómo utilizar el lienzo para dibujar una curva de este tipo en js nativo?

Canvas puede dibujar curvas de Bézier cuadráticas y curvas de Bézier cúbicas, como lt;!DOCTYPE?htmlgt;

lt;htmlgt;

lt ;bodygt;

lt;canvas?id="myCanvas"?width="300"?height="150"?style="border: 1px?solid?#d3d3d3;"gt;

¿Su?navegador?no?soporta?HTML5?canvas?tag.lt;/canvasgt;

lt;scriptgt;

var?c=document .getElementById(" myCanvas");

var?ctx=c.getContext("2d");

ctx.beginPath();

ctx. moveTo(20, 20);

ctx.bezierCurveTo(20, 100, 200, 100, 200, 20);

ctx.stroke(); scriptgt;?

lt;/bodygt;

lt;/htmlgt;