我一直在效仿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'
}))
});
任何建议都将不胜感激!
发布于 2018-09-18 18:32:14
显然,SVG的fill
属性需要是白色的(#fff
)。文档没有提到这一点,但我的结论是,任何白色(#fff
)都将被传递给color
属性的值进行着色,这与图像的类型无关。
https://stackoverflow.com/questions/43058070
复制相似问题