Opacity: Number;
Свойство Opacity определяет прозрачность тени.
Значение свойства устанавливается из JSON и с помощью метода setOpacity, а возвращается с помощью метода getOpacity.
Для выполнения примера необходимо наличие на html-странице компонента TextArea с наименованием «textArea», для которого установлена тень (см. «Конструктор Shadow»). Установим прозрачность и новое положение тени, выведем настройки тени контейнера и текста в формате CSS:
// Получим параметры тени
var shadow = textArea.getStyle(PP.ControlState.Release).getShadow();
// Установим угол падения тени в 0
shadow.setAngle(0);
// Установим прозрачность тени
shadow.setOpacity(0.6);
// Установим новое положение тени
shadow.setX(15);
shadow.setY(15);
// Обновим стиль текстовой области
textArea.refreshStyle();
// Выведем строку в формате CSS с настройками тени контейнера
console.log("Настройки тени контейнера в формате CSS: " + shadow.toCSSFormat());
// Выведем строку строку в формате CSS с настройками тени текста
console.log("Настройки тени текста в формате CSS: " + shadow.toCSSTextShadowFormat());
В результате выполнения примера была изменена прозрачность и положение тени:
Также в консоли браузера были выведены настройки тени контейнера и текста в формате CSS:
Настройки тени контейнера в формате CSS: box-shadow:15px 15px 20px 1px rgba(0, 0, 255, 0.4) ;
Настройки тени текста в формате CSS: text-shadow:15px 15px 20px rgba(0, 0, 255, 0.4);
См. также: