Class cc.DrawingPrimitiveCanvas

Class Detail

Method Detail

• drawCardinalSpline(config, tension, segments)
  draw a cardinal spline path

  Parameters:

  {Array} config

  {Number} tension

  {Number} segments
• drawCatmullRom(points, segments)
  draw a CatmullRom curve

  Parameters:

  {Array} points

  {Number} segments
• drawCircle(center, radius, angle, segments, drawLineToCenter)
  draws a circle given the center, radius and number of segments.

  Parameters:

  {cc.Point} center

  center of circle

  {Number} radius

  {Number} angle

  angle in radians

  {Number} segments

  {Boolean} drawLineToCenter Optional
• drawColorBall(ctx, radius, color)
  draw a color ball

  Parameters:

  {CanvasRenderingContext2D} ctx

  canvas context

  {Number} radius

  {cc.Color3B|cc.Color4B|cc.Color4F} color
• drawCubicBezier(origin, control1, control2, destination, segments)
  draws a cubic bezier path

  Parameters:

  {cc.Point} origin

  {cc.Point} control1

  {cc.Point} control2

  {cc.Point} destination

  {Number} segments
• drawImage(image, sourcePoint, sourceSize, destPoint, destSize)
  draw an image

  Parameters:

  {HTMLImageElement|HTMLCanvasElement} image

  {cc.Point} sourcePoint

  {cc.Size} sourceSize

  {cc.Point} destPoint

  {cc.Size} destSize
• drawLine(origin, destination)
  draws a line given the origin and destination point measured in points

  Parameters:

  {cc.Point} origin

  {cc.Point} destination
• drawPoint(point, size)
  draws a point given x and y coordinate measured in points

  Parameters:

  {cc.Point} point

  {Number} size
• drawPoints(points, numberOfPoints, size)
  draws an array of points.

  Parameters:

  {Array} points

  point of array

  {Number} numberOfPoints

  {Number} size
• drawPoly(vertices, numOfVertices, closePolygon, fill)
  draws a polygon given a pointer to cc.Point coordiantes and the number of vertices measured in points.

  Parameters:

  {Array} vertices

  a pointer to cc.Point coordiantes

  {Number} numOfVertices

  the number of vertices measured in points

  {Boolean} closePolygon

  The polygon can be closed or open

  {Boolean} fill Optional

  The polygon can be closed or open and optionally filled with current color
• drawQuadBezier(origin, control, destination, segments)
  draws a quad bezier path

  Parameters:

  {cc.Point} origin

  {cc.Point} control

  {cc.Point} destination

  {Number} segments
• drawRect(origin, destination)
  draws a rectangle given the origin and destination point measured in points.

  Parameters:

  {cc.Point} origin

  {cc.Point} destination
• drawSolidPoly(poli, numberOfPoints, color)
  draws a solid polygon given a pointer to CGPoint coordiantes, the number of vertices measured in points, and a color.

  Parameters:

  {Array} poli

  {Number} numberOfPoints

  {cc.Color4F} color
• drawSolidRect(origin, destination, color)
  draws a solid rectangle given the origin and destination point measured in points.

  Parameters:

  {cc.Point} origin

  {cc.Point} destination

  {cc.Color4F} color
• drawStar(ctx, radius, color)
  draw a star

  Parameters:

  {CanvasRenderingContext2D} ctx

  canvas context

  {Number} radius

  {cc.Color3B|cc.Color4B|cc.Color4F} color
• fillText(strText, x, y)
  fill text

  Parameters:

  {String} strText

  {Number} x

  {Number} y
• setDrawColor4B(r, g, b, a)
  set the drawing color with 4 unsigned bytes

  Parameters:

  {Number} r

  red value (0 to 255)

  {Number} g

  green value (0 to 255)

  {Number} b

  blue value (0 to 255)

  {Number} a

  Alpha value (0 to 255)
• setDrawColor4F(r, g, b, a)
  set the drawing color with 4 floats

  Parameters:

  {Number} r

  red value (0 to 1)

  {Number} g

  green value (0 to 1)

  {Number} b

  blue value (0 to 1)

  {Number} a

  Alpha value (0 to 1)
• setLineWidth(width)
  set the line width. Default 1.

  Parameters:

  {Number} width
• setPointSize(pointSize)
  set the point size in points. Default 1.

  Parameters:

  {Number} pointSize