var symbol = new PolygonSymbol3D({
  symbolLayers: [new FillSymbol3DLayer({
    material: { color: "red" }
  })]
});

Property Overview

Property Details

declaredClassStringreadonly

The name of the class. The declared class name is formatted as esri.folder.className.

materialObject

The material defines the final color of the graphic, by blending the color property set in the material with the feature's geometry color/texture information. colorMixMode defines how these colors are mixed together.

Properties:

color Color optional The color of the fill. This can be autocast with a named string, hex string, array of rgb or rgba values, an object with r, g, b, and a properties, or a Color object. Default value: white

colorMixMode String optional Specifies how the material color is applied to the geometry color/texture information. This property applies only to MeshSymbol3D symbols. Value Description tint Applies the material color to the desaturated geometry/texture color. replace Removes the geometry/texture color and applies the material color. multiply Multiplies geometry/texture color value with the material color value. The result is a darker color. Multiplying with white keeps the geometry color the same. Default value: multiply

See also:

• Sample: Coloring options for textured buildings

Examples:

// CSS color string
symbolLayer.material = {
  color: "dodgerblue",
  colorMixMode: "tint"
};

// HEX string
symbolLayer.material = {
  color: "#33cc33"
}

// array of RGBA values
symbolLayer.material = {
  color: [51, 204, 51, 0.3]
}

// object with rgba properties
symbolLayer.material = {
  color: {
    r: 51,
    g: 51,
    b: 204,
    a: 0.7
  }
};

outlineObject

The outline used to draw a line around the filled geometry.

Properties:

color Color The color of the outline. This can be autocast with a named string, hex string, array of rgb or rgba values, an object with r, g, b, and a properties, or a Color object.

size Number The width of the outline in points. This value may be autocast with a string expressing size in points or pixels (e.g. 12px).

Example:

symbolLayer.outline = {
  color: "white",
  size: "1px"
};

typeStringreadonly

For FillSymbol3DLayer the type is always fill.

Method Overview

Method Details

clone(){FillSymbol3DLayer}

Creates a deep clone of the symbol layer.

Returns:

Type	Description
FillSymbol3DLayer	A deep clone of the object that invoked this method.

Example:

// Creates a deep clone of the graphic's first symbol layer
var symLyr = graphic.symbol.symbolLayers.getItemAt(0).clone();

fromJSON(json){*}static

Creates a new instance of this class and initializes it with values from a JSON object generated from a product in the ArcGIS platform. The object passed into the input json parameter often comes from a response to a query operation in the REST API or a toJSON() method from another ArcGIS product. See the Using fromJSON() topic in the Guide for details and examples of when and how to use this function.

Parameter:

json Object A JSON representation of the instance in the ArcGIS format. See the ArcGIS REST API documentation for examples of the structure of various input JSON objects.

Returns:

Type	Description
*	Returns a new instance of this class.

toJSON(){Object}inherited

Converts an instance of this class to its ArcGIS Portal JSON representation. See the Using fromJSON() topic in the Guide for more information.

Returns:

Type	Description
Object	The ArcGIS Portal JSON representation of an instance of this class.