draw traingle in html code example

Example 1: how to draw a triangle using javascript

<!doctype html>
<html>
<head>
<body>
<canvas></canvas>
<script>
var canvas=document.querySelector('canvas');
var context=canvas.getContext(2d);
context.beginPath();
    context.moveTo(75,75);
    context.lineTo(10,75);
    context.lineTo(10,25);
    context.fill();
    </script>
    </body>
    </head>
    </html>

Example 2: how to create a shape in css

div {
	clip-path: polygon(100% 100%, 100% 100%, 100% 100%)
}

Tags:

Css Example

Related