如何在网站的MathJax中插入自定义SVG数学符号并添加周边变量？

需求说明 #

我搭建了一个使用Markdown文件结合MathJax渲染公式的wiki网站，希望添加自定义SVG格式的积分、求和等数学符号，且能在新符号周边配置变量。我尝试新增名为\Acop的数学运算符（使用方式类似极限），相关示例代码如下：

自定义SVG符号代码 #

<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 150 300" stroke="black" fill="none" style="stroke-width: 20px;">
  <path d="M 5 249.5625 C 8 93.5625, 149 98.5625, 147 250.5625"/>
  <path d="M 5 249.5625 C 0 42.5625, 102 22.5625, 139 63.5625"/>
</svg>

HTML测试页面代码 #

<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>New Maths</title>
    <script defer src="https://cdn.jsdelivr.net/npm/mathjax@4/tex-chtml.js"></script>
</head>
<body>

<!-- Acop是我新增的数学运算符，使用方式类似极限。 -->

$$
\Acop{u\to x}\ f(u)
$$

</body>
</html>

注：\Acop是我新增的数学运算符，使用方式类似极限。

内容的提问来源于stack exchange，提问作者Dual