Canvas

Описание

Компонент Canvas представляет собой канву.

Комментарии

Канва (canvas) - это элемент в HTML 5, предназначенный для создания растрового двумерного изображения при помощи программирования (обычно на языке JavaScript).

Компонент реализован классом Canvas.

Пример

Пример создания компонента Canvas

Конструктор

  Имя конструктора Краткое описание
sub_image.gif Canvas Конструктор Canvas создает экземпляр компонента Canvas.

Свойства

  Имя свойства Краткое описание
property_image.gif GlobalOpacity Свойство GlobalOpacity устанавливает глобальную прозрачность элементам канвы.
property_image.gif StrokeDashArray Свойство StrokeDashArray устанавливает способ отображения линий на канве.
property_image.gif StrokeWidth Свойство StrokeWidth устанавливает толщину границ элементов канвы.

Методы

  Имя метода Краткое описание
sub_image.gif beginPath Метод beginPath инициализирует начало отрисовки полилинии.
sub_image.gif clear Метод clear очищает канву.
sub_image.gif drawCircle Метод drawCircle рисует окружность на канве.
sub_image.gif drawLine Метод drawLine рисует линию на канве.
sub_image.gif drawPoly Метод drawPoly рисует полилинию на канве.
sub_image.gif drawRect Метод drawLine рисует прямоугольник на канве.
sub_image.gif endPath Метод endPath заканчивает отрисовку полилинии.
sub_image.gif flush Метод flush вызывается после отрисовки элементов на канве для их отображения.
sub_image.gif getContext Метод getContext возвращает контекст канвы.
sub_image.gif setBounds Метод setBounds устанавливает границы канвы.
sub_image.gif setFillStyle Метод setFillStyle устанавливает стиль заливки элементов канвы.
sub_image.gif setStrokeStyle Метод setStrokeStyle устанавливает стиль границ элементов канвы.

Свойства, унаследованные от класса Control

  Имя свойства Краткое описание
Anchors Свойство Anchors определяет позицию компонента, размещенного внутри контейнера.
Animation Свойство Animation устанавливает параметры анимации для компонента.
Bottom Свойство Bottom устанавливает отступ снизу при размещении компонента внутри LayoutPanel.
Content Свойство Content устанавливает содержимое компонента.
ContextMenu Свойство ContextMenu устанавливает контекстное меню для компонента.
Data Свойство Data предназначено для хранения любых пользовательских данных.
DataContext Свойство DataContext содержит объект с данными.
Enabled Свойство Enabled устанавливает, является ли компонент доступным для использования.
Height Свойство Height устанавливает высоту компонента.
IsResizable Свойство IsResizable определяет, можно ли изменять размеры компонента.
IsRTL Свойство IsRTL устанавливает направление текста справа налево.
IsVisible Свойство IsVisible определяет, отображается ли компонент.
Left Свойство Left устанавливает отступ слева при размещении компонента внутри GridPanel.
Offset Свойство Offset определяет координаты корневой DOM-вершины элемента управления.
Opacity Свойство Opacity определяет прозрачность компонента.
Parent Свойство Parent определяет родительский компонент элемента управления.
ParentNode Свойство ParentNode устанавливает родительскую DOM-вершину.
ResourceKey Свойство ResourceKey устанавливает ресурсный ключ для компонента.
Right Свойство Right устанавливает отступ справа при размещении компонента внутри LayoutPanel.
Rotate Свойство Rotate устанавливает угол поворота компонента.
ShowToolTip Свойство ShowToolTip определяет, включена ли возможность отображать всплывающую подсказку компонента.
Style Свойство Style устанавливает стиль для компонента.
TabIndex Свойство TabIndex задает последовательность перехода элемента управления внутри контейнера.
Tag Свойство Tag устанавливает JSON-объект, ассоциированный с компонентом.
ToolTip Свойство ToolTip определяет текст всплывающей подсказки компонента.
Top Свойство Top устанавливает отступ сверху при размещении компонента внутри GridPanel.
Value Свойство Value задает значение компоненту.
Width Свойство Width устанавливает ширину компонента.

Методы, унаследованные от класса Control

  Имя метода Краткое описание
Метод addClass добавляет CSS-класс к компоненту.
addEvent Метод addEvent добавляет обработчик события на DOM-вершину.
addEventHandler Метод addEventHandler добавляет обработчик события на DOM-вершину.
addEvents Метод addEvents добавляет массив обработчиков событий на DOM-вершину.
Метод addStateClass добавляет CSS-класс к компоненту и удаляет прежний CSS-класс.
addStyleBySelector Метод addStyleBySelector создает блок со стилем с указанным css-селектором.
Метод addToNode добавляет компонент в указанную вершину.
bindEvents Метод bindEvents подписывает элемент на все стандартные события.
Метод clearStylesCache очищает кэш стилей компонента.
Метод getAnchorFlags возвращает JSON-объект с настройками текущей позиции компонента.
Метод getClass возвращает текущие css-классы компонента.
Метод getCssStyle возвращает стили для указанной вершины.
Метод getDomNode возвращает главную DOM-вершину компонента.
Метод getFocused определяет наличие фокуса у компонента.
getFunctionByName Метод getFunctionByName возвращает функцию по имени.
getIsBinded Метод getIsBinded возвращает признак подписи элемента на события DOM-вершины.
Метод hasClass определяет, задан ли для корневой DOM-вершины элемента управления указанный CSS-класс.
Метод hide скрывает элемент управления.
Метод hideToolTip очищает таймаут появления подсказки и скрывает ее, если она был показана.
Метод isResingNow определяет, изменяются ли в данный момент размеры компонента.
refreshBindingProperty Метод refreshBindingProperty обновляет привязанное свойство по имени.
refreshItemsStyle Метод refreshItemsStyle обновляет CSS-стили дочерних элементов.
refreshStyle Метод refreshStyle обновляет CSS-стили элемента.
Метод removeClass удаляет CSS-класс из компонента.
Метод removeEvent удаляет обработчик события у DOM-вершины.
removeEventHandler Метод removeEventHandler удаляет обработчик события DOM-вершины.
removeFromDOM Метод removeFromDOM удаляет вершину из DOM-структуры.
Метод removeStateClasses удаляет CSS-классы компонента.
Метод setDraggable устанавливает возможность перетаскивания компонента на html-странице.
Метод setFocus устанавливает фокус компонента.
Метод setIsHovered отображает компонент как при наведении на него курсора.
Метод setIsPressed отображает компонент как при клике по нему.
Метод setOpacityIE8 устанавливает значение прозрачности компонента в браузере InternetExplorer 8.
Метод setSize устанавливает размеры компонента.
Метод show отображает элемент управления.
unBindEvents Метод unBindEvents отписывает элемент от всех стандартных событий.
Метод updatePosition корректирует размер и положение при абсолютном позиционировании на основе текущих параметров.
Метод updateSize обновляет размеры компонента подгонке размеров контейнера, в котором находится компонент.

События, унаследованные от класса Control

  Имя события Краткое описание
Drag Событие Drag наступает при нажатии и удерживании клавиши мыши.
DragEnd Событие DragEnd наступает при окончании перетаскивания компонента.
DragStart Событие DragStart наступает, когда начинается перетаскивание компонента.
OnContextMenu Событие OnContextMenu наступает при вызове контекстного меню компонента.
SizeChanged Событие SizeChanged наступает после изменения размеров компонента.
SizeChanging Событие SizeChanging наступает во время изменения размеров компонента.

Свойства, унаследованные от класса Object

  Имя свойства Краткое описание

Id

Свойство Id определяет идентификатор объекта репозитория.

Методы , унаследованные от класса Object

  Имя метода Краткое описание
clone Метод clone создает копию объекта.
dispose Метод dispose уничтожает компонент.
getHashCode Метод getHashCode возвращает хэш-код объекта репозитория.
getSettings Метод getSettings возвращает настройки объекта репозитория.
getTypeName Метод getTypeName возвращает имя типа объекта без пространства имен, к которому он принадлежит.
isEqual Метод isEqual определяет, равен ли заданный объект текущему объекту репозитория.
isLive Метод isLive определяет действительность объекта репозитория.
removeAllEvents Метод removeAllEvents удаляет все обработчики событий объекта по заданному контексту.
setSettings Метод setSettings задает настройки объекта репозитория.
defineProps Метод defineProps создает методы get и set из массива имен для указанного класса.
keys Метод keys возвращает массив названий методов и свойств для указанного объекта.

См. также:

DHTML-компоненты