JavaScript ArcGIS WebTileLayer.effect用法及代码示例

基本信息

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

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

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

类： esri/layers/WebTileLayer

继承: WebTileLayer > Layer > Accessor

子类： OpenStreetMapLayer

自从：用于 JavaScript 4.0 的 ArcGIS API

用法说明

WebTileLayer.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大神的英文原创作品 WebTileLayer.effect。非经特殊声明，原始代码版权归原作者所有，本译文未经允许或授权，请勿转载或复制。