JavaScript ArcGIS symbolUtils.renderColorRampPreviewHTML用法及代码示例

基本信息

以下是所在类或对象的基本信息。

AMD: require(["esri/symbols/support/symbolUtils"], (symbolUtils) => { /* code goes here */ });

ESM: import * as symbolUtils from "@arcgis/core/symbols/support/symbolUtils";

对象： esri/symbols/support/symbolUtils

自从：用于 JavaScript 4.11 的 ArcGIS API

用法说明

symbolUtils.renderColorRampPreviewHTML函数(或属性)的定义如下：

renderColorRampPreviewHTML (colors, options) {HTMLElement}

自从：ArcGIS 适用于 JavaScript 4.13 的 API

生成颜色渐变的预览图像以显示在自定义小部件或其他 DOM 元素中。

参数：

规格：

类型说明

colors Color []

用于构造颜色渐变的颜色数组。

options Object

可选的

颜色渐变的格式选项。

规格：

align String	可选的默认值：垂直的指定色带的对齐方式。可能的值："horizontal"\|"vertical"
gradient Boolean	可选的默认值：真的指示是否使用连续渐变来渲染颜色渐变。当 `false` 时，不同的颜色将出现在没有渐变的渐变中。
width Number	可选的渐变的宽度(以像素为单位)。
height Number	可选的渐变的高度(以像素为单位)。

类型	说明
HTMLElement	返回用于在 DOM 中显示的颜色渐变的预览。

例子：

const colors = [
  "#d6ffe1",
  "#8ceda6",
  "#2ee860",
  "#00e33d"
];

const colorRamp = symbolUtils.renderColorRampPreviewHTML(colors, {
  align: "vertical"
});

body.appendChild(colorRamp);

// Primary color scheme from colorSchemes.getSchemes()
const schemes = colorSchemes.getSchemes({
  basemap: "gray-vector",
  geometryType: "polygon",
  theme: "above-and-below"
});

const colorRamp = symbolUtils.renderColorRampPreviewHTML(schemes.primaryScheme.colors, {
  align: "horizontal"
});

body.appendChild(colorRamp);

相关用法

注：本文由纯净天空筛选整理自arcgis.com大神的英文原创作品 symbolUtils.renderColorRampPreviewHTML。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。

基本信息

用法说明

参数：

返回：

例子：