css3-animation
/
line.html

<!DOCTYPE html>
<html>
	<head>
		<meta charset="utf-8">
		<title></title>
	</head>
	<body>
		<canvas id="canvas" width="600" height="600"></canvas>
	</body>
	<script type="text/javascript">
		let canvas = document.getElementById('canvas')
		let ctx = canvas.getContext('2d')
		console.log(ctx)

		ctx.beginPath()
		ctx.moveTo(20,20)
		ctx.lineTo(20,300)
		ctx.lineTo(300,300)
		ctx.strokeStyle='#F4EA29'
		ctx.lineWidth=14
		// ctx.lineCap ='round'
		// ctx.lineJoin = 'round'
		ctx.miterLimit=3
		ctx.closePath()
		ctx.stroke()

	</script>
</html>