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 не имеет, это чистый матан, может использоваться произвольно по мере необходимости.
Для навигации по всем страницам этого раздела сайта используйте пиктограмму или ссылку Навигация в верхней строке навигации.