OpenLayers为SVG图标着色

Question

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

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

以下是发生颜色变化的代码片段：

    /*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属性必须为白色（#fff）。该文档没有对此进行任何说明，但是我的结论是，任何白色（#fff）都将使用传递给color属性的值进行着色，而与图像的类型无关。