Javascript 处理SVG并填充特定区域

我正在编写一个应用程序，希望我的用户能够上传他们的图像，然后能够为其中的某些对象着色

示例：1。 2.

---

我尝试过这个解决方案，但我不知道当用户上传新照片时如何调整SVG路径。

SVG图像可以设置为

src属性，但要使SVG可编辑，如要更改颜色，必须在

数据属性中设置

标记和源代码

之后，可以使用

<object class="svgClass" type="image/svg+xml" data="image.svg"></object>

    document.querySelector(".svgClass").getSVGDocument().getElementById("svgInternalID").setAttribute("fill", "red")

document.querySelector（“.svgClass”）.getSVGDocument（）.getElementById（“svgInternalID”）.setAttribute（“填充”、“红色”）