是否可以根据SVG图像的layerPoints（x和y）填充颜色？我已经提到了下面的脚本来加载div中的SVG图像 . SVG图像中有三个部分，我必须用不同的颜色区分每个部分 . 需要一些帮助来实现这一目标 . 任何帮助表示感谢，提前谢谢
HTML
<div id="map" style="width:1200px; height:580px;"></div>
My Script
var map = L.map('map', {
center: [40.05, -70.2],
zoom: 13,
});
var map = new L.map('map', map);
const overlay = L.imageOverlay('svg file link', [[60.012216, -55.22655], [60.073941, -55.12544]]).addTo(this.map);
const layers = overlay._image.parentNode;
overlay._image.parentNode.removeChild(overlay._image);
const obj = document.createElement('object');
obj.data = overlay._url;
obj.type = 'image/svg+xml';
overlay._image.classList.forEach(c => obj.classList.add(c));
obj.setAttribute('style', overlay._image.getAttribute('style'));
layers.appendChild(obj);
overlay._image = obj;