Canvas - краткий обзор и правила

Полный список свойств и функций, а так же общие правила их использования, см. здесь: Краткий обзор и правила, список функций VcorpJS.

Пока набор функций ограничен, можно сказать что поддержка Canvas ещё в зачаточном состоянии.

Возможно, VcorpJS будет расширяться новыми функциями для Canvas, если в практике автора будут чаще встречаться соответствующие задачи.

.cvNew( parentNode , [ cssClass ] , [ left, top, width, height ] , [ width, height ] )

Создает новый объект Canvas и возвращает ссылку на него (node) или false

parentNode - ссылка на объект-родитель для Canvas или его текстовый id (при отсутствии - body)

cssClass - имя CSS-класса для Canvas (текстовая строка), если параметр указан.

[ left, top, width, height ] - массив размеров Canvas.
Если параметр не указан, совпадает с размерами, указанными в CSS-классе cssClass, или [ 0, 0, 300,150 ]

[ width, height ] - массив разрешения канвы.
Если параметр не указан, совпадает с размерами Canvas, или [ 300, 150 ]

/* Создать новый объект Canvas */
var myCanvas = VcorpJS.cvNew( "idParent", "myCssClass", [0,0,500,500], [200,200] );

.cvDraw( node , arrayPoints , strokeStyle [ , fillStyle ] )

Рисование контура, с заполнением или без. Возвращает true если рисование выполнено, или false

node - ссылка на объект-Canvas или его текстовый id

arrayPoints - массив координат [x0,y0, x1,y1, .... , xn,yn].

strokeStyle - строка - цвет линий контура.

fillStyle - строка - цвет заполнения контура.
Если параметр указан, то рисуется замкнутый контур ( линия от xn,yn до x0,y0 ).

Цвет контура и заполнения контура может быть указан как "red" или "#005093" или "rgba(128,128,128,0.5)".

.isPointInsidePolygon( arrayPoints , point )

Более кратко .isPIP( arrayPoints , point )

Определение принадлежности точки point к площади произвольного многоугольника arrayPoints. Возвращает true или false

arrayPoints - массив объектов point - координат вершин многоугольника (от 3-х объектов-вершин).

point - объект координат точки { x, y }.

Эта функция находится в разделе «Canvas», но прямого отношения к Canvas не имеет, это чистый матан, может использоваться произвольно по мере необходимости.

Для навигации по всем страницам этого раздела сайта используйте пиктограмму или ссылку Навигация в верхней строке навигации.