Triangulation result is different from expectation

[pockie]

I have the following rectangle with an inner point which I add as a hole described in #166. In the first picture you see the result. But I expected the triangulation from the second image. My questions are: Is the result from earcut correct? Is there a way to get my expected result?

earcut([
  0, 0, // 0
  3000, 0, // 1
  3000, 2400, // 2
  0, 2400, // 3
  0, 0, // 4
  986, 1210, // 5
], [5])

[mourner]

The result is expected and correct — the triangles cover and match the original shape exactly, and Earcut doesn't give any additional guarantees on triangulation shape. You might be looking for Constrained Delaunay Triangulation, which guarantees somewhat well-formed triangles, but there is no fast and robust JS library for performing such triangulation that I'm aware of.

[pockie]

Thanks for the fast reply. poly2tri.js works for me to solve this problem.