MathJax не может выровнять \ vert

Question

Проблема, с которой я столкнулся, должна быть рассмотрена выше.

\color{red}{x = (1-t)^3x_0 + 3t(1-t)^2x_{1} + 3t^2(1-t)x_{2} + t^3x_{3}}\\
\color{blue}{y = (1-t)^3y_0 + 3t(1-t)^2y_{1} + 3t^2(1-t)y_{2} + t^3y_{3}}
}\Bigg\vert t\in{[0,1]}

Я пробовал несколько разных методов. Может ли кто-нибудь порекомендовать, как я мог бы выровнять \ vert и условия по центру двух строк уравнений.

PS - Я знаю, что математика выглядит уродливо ... это было на самом деле намеренно ... нечто среднее между программированием и математикой ... для документа "Математика для программистов".

Answer 1

Непонятно, что вы имеете в виду, но, возможно, это именно то, что вам нужно:

<script src="https://cdn.jsdelivr.net/npm/mathjax@3/es5/tex-chtml.js" id="MathJax-script"></script>

$$
\left.
\begin{aligned}
\color{red}{x} &\color{red}{{}= (1-t)^3x_0 + 3t(1-t)^2x_{1} + 3t^2(1-t)x_{2} + t^3x_{3}}\ \\
\color{blue}{y} &\color{blue}{{}= (1-t)^3y_0 + 3t(1-t)^2y_{1} + 3t^2(1-t)y_{2} + t^3y_{3}}
\end{aligned}
\right\vert \ t\in{[0,1]}
$$