GaugeObject.Shadow

Синтаксис

Shadow: PP.Ui.DropShadow;

Описание

Свойство Shadow определяет тень для элемента.

Пример

Для выполнения примера предполагается наличие на странице компонента Speedometer с наименованием «speed1», содержащего одну стрелку и шкалу (см. «Пример создания стрелочных часов»). Добавим на страницу кнопку, после нажатия на которую будет определено смещение тени от базового элемента:

<input TYPE="button" VALUE="Shadow" ONCLICK="shadow()">
<script type="text/javascript">
    function shadow() {
        var shad = new PP.Ui.Shadow({
            // Установим стиль и прозрачность заливки тени
            Background: {
                PPType: PP.SolidColorBrush,
                Opacity: .5
            },
            Offset: '3,3' //смещение тени
        });
        speed1.getScales(0).getArrows(0).setShadow(shad);
        shad.setAttr({
            'fill': 'green', //цвет заливки тени
            'stroke': 'brown', //цвет границы тени
            'stroke-width': 1 //толщина границы
        });
        speed1.redraw(speed1, this);
    }
</script>

После нажатия на кнопку «Shadow» будет отображена тень для стрелки:

См. также:

GaugeObject