javascript - svg 标签下带有图像元素的动画？

Question

我正在使用 react-simple-maps 在美国地图上放置标记

       <Marker coordinates={[user.lng, user.lat]}>
          <image
            width='12'
            height='12'
            href={user?.step === 1 ? man : calendar}
            className={'test'}
          />
        </Marker>

我可以添加自定义图像的唯一方法是使用<image>标签。但是我需要图像是动态的并且能够应用自定义动画。

我尝试使用 ::before、::after 以及使用 css 背景图像，但似乎无法更改它。

有没有办法做到这一点？或者有没有更好的方法在<svg> <g>标签下添加图像？

谢谢

标签： javascriptcssreactjsreact-simple-maps