Нарисуйте текст в пределах выпуклого многоугольника

#javascript

Вопрос:

Допустим, у меня есть путь, определенный следующим образом:

 context.beginPath();
context.moveTo(x0, y0);
context.lineTo(x1, y1);
context.lineTo(x2, y2);
...
context.closePath();
 

Путь гарантированно будет выпуклым многоугольником, но не правильным.

Теперь я хочу нарисовать текст внутри многоугольника:

  1. Текст должен быть отцентрирован в обоих направлениях внутри области.
  2. Текст должен быть многострочным, если это возможно, и полезным.
  3. Размер шрифта должен варьироваться, чтобы весь текст находился внутри многоугольника.