OpenLayers 为 SVG 图标着色

Question

我一直在关注 OpenLayers 网站上的图标颜色示例，http://openlayers.org/en/latest/examples/icon-color.html?q=color。

这对我来说很适合 png 和 jpg 图像，但是当我切换到使用 svg 图像时，颜色根本不会改变。没有错误。颜色只是没有改变。

这是发生颜色变化的代码的 sn-p：

    /*set the colour*/
    var style = new ol.style.Style({
        image: new ol.style.Icon(/** @type {olx.style.IconOptions} */ ({
            anchor: [0.5, 0.5],
            src : 'img/icons/example.svg',
            color: '#8959A8'
        }))
    }); 

任何建议将不胜感激！

Answer 1

显然，您的 SVG 的 fill 属性必须是 white (#fff)。文档对此没有任何说明，但我的结论是，任何白色 (#fff) 都将使用传递给 color 属性的值进行着色，而与图像的类型无关。