Javascript 在使用图像标记加载的悬停上更改SVG颜色的一部分

我有一个SVG图像，它有一个背景圆圈和一个箭头，我在我的应用程序中使用它，如下所示：

<def>
    //few other svgs with image tag will be loaded here
    <image id="svg_asset" x="0" y="0" width="160" height="160" 
         xlink:href="public/assets/svgassets/next_page.svg" />
</def>

//这里将加载少数带有图像标记的其他SVG

和我的svg内容：

---

.a{fill:#4772c0；}.b、.d{fill:#fff；}.c、.d{stroke:none；}

最好停止使用图像标记，它并不真正适合您正在尝试的操作。您或许可以将SVG数据内联。@RobertLongson谢谢您的时间。除了内联传递svg数据，还有其他工作吗？可能是use标记。