Has Dropshadow

Has Dropshadow is a shape property supported by Circle, Rectangle, ColoredCircle, RoundedRectangle, Arc, and Line.

Introduction

Has Dropshadow controls whether a dropshadow is drawn below a shape. By default this value is false.

The following image shows two Rectangles. The left with Has Dropshadow unchecked, the right with Has Dropshadow checked.

Two RoundedRectangle instances

Note that if an instance has a dropshadow, the dropshadow renders outside of the bounds of the instance.

Dark pixels from a dropshadow rendering below the bounds of a RoundedRectangle

Dropshadows draw as part of the object, so if multiple objects stack, their dropshadows also stack.

Multiple stacked ColoredRectangles with dropshadows

Dropshadow Offset X and Dropshadow Offset Y

Dropshadow Offset X and Dropshadow Offset Y control the position of the dropshadow relative to the main body of the instance.

This value can be changed to move the dropshadow, which gives the element a sense of height.

Dropshadow Offset X and Dropshadow Offset Y change the dropshadow position

Dropshadow Blur

Dropshadow Blur controls the dropshadow edge softness. A value of 0 creates a sharp shadow, while a larger value increases blur.

Dropshadow Blur can be adjusted to make a dropshadow more blurry

Dropshadow Blur values roughly measure the number of pixels that it takes to interpolate the edge of a shadow from its full color to fully transparent. This value is not exact due to antialiasing.

Dropshadow Alpha

Dropshadow Alpha controls the transparency of a dropshadow. A fully-opaque dropshadow has an alpha of 255. This value can be modified to decrease or increase the dropshadow's opacity.

Dropshadow Alpha adjusts the dropshadow transparency

Dropshadow Color

Dropshadow Color adjusts the dropshadow color independent of the shape's body color. Usually dropshadows are pure black with their transparency adjusted by Dropshadow Alpha, but they can also include other colors if needed.

Dropshadow color can be changed to create shadow/blur effects