Canvas drawing issue, why not the correct triangular shape?

Question

Why the following code produce a right angle triangle? i want a triangle less then 90deg, around 30deg, but from the points i set, it should not be right angle triangle.

var canvas = document.getElementById("canvas");
context = canvas.getContext("2d");
context.beginPath();
context.moveTo(30,100);
context.lineTo(30,200);
context.lineTo(100, 150);
context.fill();

https://code.sololearn.com/WCwZKX5DX5uV/?ref=app

Answer 1

Try to rearrange the coordinates