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。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。

基本信息

用法說明

參數：

返回：

例子：