Rotate your phone or change to desktop for better experience

Rotate your phone or change to desktop for better experience

5. Program to demonstrate BezierCurveTo() method using HTML canvas.


<!DOCTYPE html>

<html>

<body>

<h1>HTML5 Canvas</h1>

<h2>The bezierCurveTo() Method</h2>

 

<canvas id="myCanvas" width="300" height="150" style="border:1px solid grey"></canvas>

 

<script>

const c = document.getElementById("myCanvas");

const ctx = c.getContext("2d");

ctx.beginPath();

ctx.moveTo(20, 20);

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

ctx.stroke();

</script>

 

</body>

</html>

Post a Comment

0 Comments