colorUtils

AMD: require(["geoscene/views/support/colorUtils"], (viewColorUtils) => { /* 代码 */ });
ESM: import * as viewColorUtils from "@geoscene/core/views/support/colorUtils";
Object: geoscene/views/support/colorUtils
起始版本: GeoScene API for JavaScript 4.22

包含用于在 View 中处理颜色的实用程序。

方法列表

属性 返回值类型 描述 Object
Promise<Color>更多信息

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

更多信息colorUtils
Promise<string>更多信息

此方法检查 MapView 的底图和背景,并根据底图的平均颜色和视图的背景是 light 或 dark 返回浅色或深色作为背景主题。

更多信息colorUtils

方法详细说明

getBackgroundColor(view){Promise<Color>}

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

参数:
view MapView

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

返回值:
类型 描述
Promise<Color> 解析为输入视图背景的平均颜色。
示例代码:
getBackgroundColor(view)
  .then(function(averageColor){
    // averageColor 是输入视图的平均背景颜色
  });
getBackgroundColorTheme(view){Promise<string>}

此方法检查 MapView 的底图和背景,并根据底图的平均颜色和视图的背景是 light 或 dark 返回浅色或深色作为背景主题。

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

参数:
view MapView

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

返回值:
类型 描述
Promise<string> 解析为一个字符串,其值可以是 light 或 dark
示例代码:
viewColorUtils.getBackgroundColorTheme(view)
  .then(function(colorTheme){
    if(colorTheme === "dark"){
      // 使用深色主题为其他应用程序元素设置样式
    }
  });

Your browser is no longer supported. Please upgrade your browser for the best experience. See our browser deprecation post for more details.