JavaScript ArcGIS BaseTileLayer.effect用法及代碼示例

基本信息

以下是所在類或對象的基本信息。

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

ESM: import BaseTileLayer from "@arcgis/core/layers/BaseTileLayer";

類： esri/layers/BaseTileLayer

繼承: BaseTileLayer > Layer > Accessor

子類： BingMapsLayer

自從：用於 JavaScript 4.4 的 ArcGIS API

用法說明

BaseTileLayer.effect函數(或屬性)的定義如下：

effect Effect autocast

自從：ArcGIS 適用於 JavaScript 4.18 的 API

Effect 提供了可以在圖層上執行的各種濾鏡函數，以實現類似於圖像濾鏡工作方式的不同視覺效果。這種強大的函數允許您將css filter-like 函數應用於圖層以創建自定義視覺效果，從而提高Map的製圖質量。這是通過將所需效果作為字符串或對象數組應用於圖層的effect 屬性來設置與比例相關的效果來完成的。

注意

如果需要對滿足或未滿足指定 filter 的函數應用不同的效果，請設置 featureEffect 屬性。
如果應用了以下所有四個屬性，那麽它們將按以下順序應用：featureEffect、效果、不透明度和混合模式。

已知限製

3D SceneViews 不支持該效果。
該效果不能應用於具有 heatmap renderer 的圖層。
啟用了 cluster 類型的 featureReduction 的圖層不支持該效果。
有關已知的打印限製，請參閱print。

默認值：null

例子：

// the following effect will be applied to the layer at all scales
// brightness will be applied first, then hue-rotate followed by contrast
// changing order of the effects will change the final result
layer.effect = "brightness(5) hue-rotate(270deg) contrast(200%)";

// set a scale dependent bloom effect on the layer
layer.effect = [
  {
    scale: 36978595,
    value: "drop-shadow(3px, 3px, 4px)"
  },
  {
    scale: 18489297,
    value: "drop-shadow(2px, 2px, 3px)"
  },
  {
    scale: 4622324,
    value: "drop-shadow(1px, 1px, 2px)"
  }
];

相關用法

注：本文由純淨天空篩選整理自arcgis.com大神的英文原創作品 BaseTileLayer.effect。非經特殊聲明，原始代碼版權歸原作者所有，本譯文未經允許或授權，請勿轉載或複製。