nav[aria-label="Primary Navigation"] { padding: 0; & ul { list-style: none; width: 100%; display: flex; flex-direction: row; justify-content: start; align-items: start; gap: 30px; padding: 0; & li { margin: 0; } & ul li { list-style: none; } } }

Transparency of graphics

TimWitt2

Hey everybody,

Is there a way to change the transparency of a particular graphic or is this only possible for a graphic layer?

Tim

Finde mehr Beiträge mit dem Tag

Accepted answers

JakeSkinner

Hi Tim,

If the graphics is already created, you can use the setSymbol method to do this. Ex:

var symbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
        new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
        new Color([255,0,0]), 2),new Color([255,255,0,0.25])
        )

map.graphics.graphics[2].setSymbol(symbol);

All comments

JakeSkinner

Hi Tim,

If the graphics is already created, you can use the setSymbol method to do this. Ex:

var symbol = new SimpleFillSymbol(SimpleFillSymbol.STYLE_SOLID,
        new SimpleLineSymbol(SimpleLineSymbol.STYLE_SOLID,
        new Color([255,0,0]), 2),new Color([255,255,0,0.25])
        )

map.graphics.graphics[2].setSymbol(symbol);

TimWitt2

Thanks Jake!

kenbuja

You can change the transparency of the color you assign different graphics.

var trans = Math.random();

// lineSymbol used for freehand polyline, polyline and line.
var lineSymbol = new CartographicLineSymbol(
  CartographicLineSymbol.STYLE_SOLID,
  new Color([255, 0, 0, trans]), 10,
  CartographicLineSymbol.CAP_ROUND,
  CartographicLineSymbol.JOIN_MITER, 5
);

TimWitt2

One more question, how does this work if my color is in Hex string?

kenbuja

According to the documentation, the transparency option is only available for RGB colors

Nimm an der Diskussion teil

Angemeldete Mitglieder können Beiträge verfassen, Updates folgen und mehr. Neu hier? Registriere ein kostenloses Konto.

Schnellzugriffe

Community Help
Find useful guides, FAQs, and documents to help you navigate and make the most of Esri Community.