带 Alpha 的折线描边颜色在 Here API v3.1 中不起作用
Polyline Stroke Color with Alpha doesn't work in Here API v3.1
我正在从这里JavascriptAPI的v3.0迁移到v3.1,最新版本似乎不支持折线的strokeColor的alpha值。如果您使用 8 位十六进制代码(最后两位数字为字母),则该行显示为白色。这在 3.0 版中运行良好,在显示重叠路线时非常方便。
这是一个 JSFiddle 示例:http://jsfiddle.net/phil_sweeney/mk2z761j/
// '4d' = 30% alpha
map.addObject(new H.map.Polyline(
lineString, { style: {strokeColor:'#f7a36f4d', lineWidth: 4 }}
));
strokeColor 设置为:'#f7a36f4d'。如果您从末尾删除“4d”(30% alpha),您将得到一条橙色线条。
这是否被认为是一个将被修复的错误 - 或者这就是它从现在开始的方式?
这似乎是 WEBGL 渲染引擎的问题。
现在我建议使用 rgba
而不是十六进制颜色:
map.addObject(new H.map.Polyline(
lineString, { style: {strokeColor:'rgba(247, 163, 111, 0.3)', lineWidth: 4 }}
));
我正在从这里JavascriptAPI的v3.0迁移到v3.1,最新版本似乎不支持折线的strokeColor的alpha值。如果您使用 8 位十六进制代码(最后两位数字为字母),则该行显示为白色。这在 3.0 版中运行良好,在显示重叠路线时非常方便。
这是一个 JSFiddle 示例:http://jsfiddle.net/phil_sweeney/mk2z761j/
// '4d' = 30% alpha
map.addObject(new H.map.Polyline(
lineString, { style: {strokeColor:'#f7a36f4d', lineWidth: 4 }}
));
strokeColor 设置为:'#f7a36f4d'。如果您从末尾删除“4d”(30% alpha),您将得到一条橙色线条。
这是否被认为是一个将被修复的错误 - 或者这就是它从现在开始的方式?
这似乎是 WEBGL 渲染引擎的问题。
现在我建议使用 rgba
而不是十六进制颜色:
map.addObject(new H.map.Polyline(
lineString, { style: {strokeColor:'rgba(247, 163, 111, 0.3)', lineWidth: 4 }}
));