Shape
Shape позволяет размещать на странице приложения графические примитивы и текст, используя технологию SVG (Scalable Vector Graphics). Примитивы могут применяться в качестве полос, линий, фигур, текста. Они могут быть залиты сплошным цветом, настраиваемым градиентом, иметь обводку. Таким образом, основной задачей, решаемой при помощи Shape является декорирование страницы приложения.
Свойства Shape
вКласс, свойство
Комментарий
Shape
Включенный класс компонента Shape
borderWidth
Толщина обводки
borderColor
Цвет обводки
color
Цвет заливки
linecap
Стиль концов нарисованной линии
linejoin
Соединение линий фигуры
type
Тип фигуры. См. Ниже
useGradient
Использование градиента
ShapeGradient
Включенный класс градиентной заливки
data
JSON-строка параметров
length
Количество параметров
ShapeText
Включенный класс текста
fontBold
Жирный шрифт
fontFamily
Имя шрифта
fontItalic
Курсивный шрифт
fontSize
Размер шрифта
horzAlign
Горизонтальное выравнивание строки относительно границ компонента
text
Отображаемая текстовая строка
vertAlign
Вертикальное выравнивание строки относительно границ компонента
Виды доступных графических примитивов свойства Shape.type
Вид
Комментарий
triangle
Равнобедренный треугольник
rectangle
Прямоугольник
circle
Круг
ellipce
Эллипс
semiellipce
Полуэллипс
line
Линия
angle
Угол. Незамкнутый равнобедренный треугольник
arc
Дуга. Незамкнутый полуэллипс
text
Текст
Все эти графические примитивы и текст могут быть залиты градиентом. Для того, чтобы использовать градиентную заливку вместо сплошного цвета, необходимо установить в true свойство Shape.useGradient и вызвать Редактор градиентов нажатием на поле свойства ShapeGradient.data.
Изменяя параметры gradientType (линейный либо радиальный), позиции X1, Y1, X2, Y2 (угол наклона для линейного) и cX, cY, r (координаты центра и радиус для радиального), устанавливая процентное смещение (Offset) границ цветов (Color), пользователь установит требуемый ему градиент, который будет сохранён в модели данных градиента - встроенном классе ShapeGradient.
Last updated