打开图层 为 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）都将根据传递给colorattribute的值进行着色，这与图像的类型无关。