Есть равносторонний треугольник с произвольными координатами.
<svg version="1.1" xmlns="http://www.w3.org/2000/svg" viewBox="0 0 400 400">
<polygon fill="none" stroke-width="4" stroke="red" points="200 35.45517328095667,10 364.54482671904333,390 364.54482671904333"></polygon>
</svg>
https://jsfiddle.net/6sybjthL/1/
Из-за особенностей svg, при изменении толщины обводки (stroke-width) идёт расширение одновременно и внутрь, и наружу. На сколько мне известно, для svg версии 1.1 нет какого-то свойства, которое это изменяет, поможет только геометрия и математика.
Отсюда 2 вопроса:
Какую формулу применять для пересчёта координат треугольника при изменении толщины обводки на произвольное значение, чтобы треугольник оставался равносторонним и не расширялся визуально наружу (то есть происходит заполнение фона треугольника)?.
Как посчитать максимальный размер обводки, при которой треугольник будет полностью заполнен за счёт такой обводки только внутрь?
UPD
Ниже пример моих попыток пересчитать координаты для нового значения stroke-width=40. (цель сделать так, чтобы зеленый треугольник не выходил за красный)