• geoscene/views

colorUtils

AMD: require(["geoscene/views/support/colorUtils"], (viewColorUtils) => { /* code goes here */ });
ESM: import * as viewColorUtils from "@geoscene/core/views/support/colorUtils";
类: geoscene/views/support/colorUtils
起始版本:GeoScene Maps SDK for JavaScript 4.13

包含用于在 View 中处理颜色的实用工具。

方法概述

名称 返回值类值 描述 对象
Promise<Color>

返回视图范围内视图背景的平均颜色。

更多详情
colorUtils
Promise<string>

此方法可检查 MapView 的底图和背景,并根据底图的平均颜色和视图的背景是亮色还是暗色来返回 lightdark 作为背景主题。

更多详情
colorUtils

方法详细说明

getBackgroundColor(view){Promise<Color>}

返回视图范围内视图背景的平均颜色。视图的背景包括地图底图的非参考基础图层、web 地图的背景颜色 (如果适用),以及视图容器的背景颜色。

参数
view MapView

用于计算背景平均颜色的 MapView 实例。

返回
类型 描述
Promise<Color> 解析为输入视图背景的平均颜色。
示例
viewColorUtils.getBackgroundColor(view)
  .then(function(averageColor){
    // averageColor is the input view's average background color
  });
getBackgroundColorTheme(view){Promise<string>}

此方法可检查 MapView 的底图和背景,并根据底图的平均颜色和视图的背景是亮色还是暗色来返回 lightdark 作为背景主题。

背景主题通过以下方法确定:获取视图背景和底图的平均颜色并根据此算法确定其亮度来确定颜色可见性

参数
view MapView

从中获取背景颜色主题的 MapView 实例。

返回
类型 描述
Promise<string> 解析为一个字符串,其值可以是 lightdark
示例
viewColorUtils.getBackgroundColorTheme(view)
  .then(function(colorTheme){
    if(colorTheme === "dark"){
      // style other app elements with a dark theme
    }
  });

您的浏览器不再受支持。请升级您的浏览器以获得最佳体验。请参阅浏览器弃用帖子以获取更多信息