Php SVG xlink:href始终从Wordpress循环中的最后一条记录中提取图像

我使用从用户条目中提取的图像填充SVG元素，即团队页面上的员工肖像。当前显示的图像始终来自（Wordpress）循环中的最后一个用户条目

以下是我的模板的相关部分：

foreach ( $allusers as $user ):

$image = get_field('headshot', $user );

<svg version="1.1" xmlns="http://www.w3.org/2000/svg" xmlns:xlink="http://www.w3.org/1999/xlink" x="0px" y="0px" viewBox="0 0 221 300" style="enable-background:new 0 0 221 300;" xml:space="preserve">
  <style type="text/css">
    .st4{fill:url(#img-<?php echo $user->ID; ?>);}
  </style>
  <defs>
    <pattern id="img-<?php echo $user->ID; ?>" height="100%" width="100%" patternContentUnits="objectBoundingBox" viewBox="0 0 1 1" preserveAspectRatio="xMidYMid slice">
      <image xlink:href="<?php echo $image['url']; ?>" width="1" height="1" preserveAspectRatio="xMidYMid slice" />
    </pattern>
  </defs>
  <circle class="st4" cx="110.5" cy="150.4" r="78.5"/>
</svg>

foreach（$alluser作为$user）：
$image=get_字段（'headshot'，$user）；
.st4{fill:url（#img-；}
<img src="<?php echo $image['url']; ?>">