Javascript Tutorial 3: Coding Class Penang

Have you heard of Canva? not the Canva that you used to design banners and fliers, what I meant is HTML Canva. Recently I completed a project for one of my clients using Canva. With the flexibility of Canvas, coming up with an engaging web interaction improves the UI and UX. Learn how to design a website using html canvas. What are the basics of HTML Canvas

Learn to write a canva tag in your html page.

<div class=”container-fluid”>

<canvas class=”img-fluid” id=”mycanvas”></canvas>

</div>
Understand how to draw arc and lines. Just look at the codes below

ctx.beginPath();

ctx.arc(100,200,50,0,2*Math.PI);

ctx.stroke();
Learn how to draw a polygons using canvas

ctx.beginPath();

ctx.moveTo(1000,500);

ctx.lineTo(800,Math.random()*1000);

ctx.lineTo(1200,Math.random()*1000);

ctx.closePath();

ctx.fillStyle=randomizeColorCode();

ctx.fill();
Learn how to insert an image
Learn how to move the canvas, translation and rotation
Learn how to create a simple project using Canvas.

If you are looking to more about coding class, feel free to message me. With more than 5 years of coding experience,,i assure you, learning from me will be the best investment in your life. I will start off the class assuming you have ZERO knowledge in coding. We learn by building and creating projects.