/q/ - Q&A Central

If you're working on something that requires smooth curves or arcs and find yourself reaching out for complex SVG paths every time-look no further! The HTML5 canvas element has a powerful method called `quadraticCurveTo` which can be your new best friend. It’s super flexible, allowing dynamic shapes without the overhead of more complicated path commands. Here's how you do it: ```javascript // Start point (x1: 20,y1) context.beginPath(); ''canvas context''.moveTo(50,74); ``` Then draw a quadratic Bézier curve to this control and end points. The `quadraticCurveTo` method takes three parameters - the first two are for controlling handle, while third is your endpoint (x2: 186,y). ```javascript context.quadralticBezierCurveto(90,345,x :75 y: ) ``` And finish it off: ```js ''canvas context''.lineTo(xEndPoint, yPosEndPoint); context.stroke(); ```