Svg wagtail模板中不支持剪辑路径

我买了一个模板，我用我的网站基于Wagtail的。clip path属性在购买的模板中运行良好，但当我在wagtail模板中使用相同的代码时，它似乎根本不起作用。 除此剪辑外，所有其他项目都可以正常工作。所有静态文件都已正确链接，没有问题

代码

<div class="image-box">
    <svg  version="1.1" class="Layer_1 svg-sprite" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" width="854" height="632">
      <clipPath class="clip1">
        <use xlink:href="#shape-one" />
      </clipPath>
      <g clip-path="url(#shape-one)">
        {% image page.dyn_team_img original as dyn_team_img %}
        <image width="854" height="632" href="{{ dyn_team_img.url }}" alt="{{ dyn_team_img.alt }}" class="image-shape">
        
      </g>
    </svg>
  </div>

{%image page.dyn_team_img原件为dyn_team_img%}

---

请有人帮我确定我缺少什么。

没有id为=“shape one”的元素我不明白。你能解释一下吗？我对此没有概念@罗伯特朗森SVG似乎是错误的，您应该纠正它。有各种在线SVG入门可以帮助您了解SVG的概念/语法。我们不能从第一原理来解释一切，这与Django或Wagtail无关。SVG use引用id=shape one的元素。而且很可能该元素在html中不可用。