Html5 funções de desenho lona

funções javascript são usadas para manipular pixels em áreas HTML5 Canvas com base nas definições de atributos e parâmetros de função. Funções referência a um contexto usando a notação de sintaxe de ponto. Aqui está um exemplo: contextName.beginPath ()

Video: Curso de HTML5 - 09 - Imagens em HTML5 - by Gustavo Guanabara

Arcs

arc (xPosition, posicaoy, raio, startAngle, endAngle, sentido anti-horário)

arcto (xBeginning, yBeginning, Xend, yEnd, raio)

tosquia

rect (xPosition, posicaoy, largura, altura)

Comentário: Outras formas também pode ser usado para configurar uma área de recorte.

grampo()

curvas

moveTo (xStartPosition, yStartPosition)
bezierCurveTo (XControl1, yControl1, xControl2, yControl2, Xend, yEnd)
quadraticCurveTo (Xcontrol, yControl, Xend, yEnd)

gradientes

createLinearGradient (xPosition1, yPosition1, xPosition2, yPosition2)
createRadialGradient (xCircle1, yCircle1, radius1, xCircle2, yCircle2, radius2)
addColorStop (positionFromZeroToOne, cor)

imagens

drawImage (imagem, xPosition, posicaoy)
drawImage (imagem, xPosition, posicaoy, newWidth, newHeight)
drawImage (imagem, xCrop, yCrop, xPosition, posicaoy, newWidth, newHeight)

Linhas e trajetos

BeginPath ()
moveTo (xPosition, posicaoy)
lineTo (xPosition, posicaoy)
isPointInPath (xPosition, posicaoy) 

Comentário: Retorna true se no caminho atual

acidente vascular encefálico()
closePath ()

Patterns

createPattern (imagem, &ldquo-repeat&rdquo-)

Comentário: Outros padrões são &ldquo-no-repeat&rdquo-, &ldquo-repeat-x&rdquo-, &ldquo-repeat-y&rdquo-

retângulos

clearRect (xPosition, posicaoy, largura, altura)
fillRect (xPosition, posicaoy, largura, altura)
strokeRect (xPosition, posicaoy, largura, altura)
rect (xPosition, posicaoy, largura, altura)

Texto

fillText (string, xPosition, posicaoy, maxWidth)

Comente: largura máxima é opcional.

Video: javascript - Funções e elemento Document / parte 1

strokeText (string, xPosition, posicaoy, maxWidth)

Comente: largura máxima é opcional.

Video: javascript - Canvas API (HTML5)

measureText (string)

Comentário: Retorna um objeto que contém a largura em pixels

Video: Curso javascript - Funções #34

transforma

rotação (ângulo)
escala (scaleHorizontal, scaleVertical)
traduzir (xTranslation, yTranslation)
setTransform (scaleX skewY, skewX, scaleY, translateX, translateY)