Toggle navigation
☰
HTML
CSS
Scripting
Database
<!DOCTYPE html> <html> <body> <canvas id="bezierCanvas" width="300" height="150" style="border:1px solid #d3d3d3;"></canvas> <script> var canvas = document.getElementById("bezierCanvas"); var ctx = canvas.getContext("2d"); // Quadratic Curve ctx.beginPath(); ctx.moveTo(50, 50); ctx.quadraticCurveTo(150, 10, 250, 50); ctx.strokeStyle = "#FF8C00"; ctx.stroke(); // Cubic Bezier Curve ctx.beginPath(); ctx.moveTo(50, 100); ctx.bezierCurveTo(75, 50, 225, 150, 250, 100); ctx.strokeStyle = "#0070C0"; ctx.stroke(); </script> </body> </html>
