Successfully reported this slideshow.
We use your LinkedIn profile and activity data to personalize ads and to show you more relevant ads. You can change your ad preferences anytime.
Operações gráficas durante a apresentação de uma aplicação<br />Módulo Canvas<br />Danilo Araújo Portela<br />Twitter: @da...
Construtores<br />canvas:new (image_path : string)<br />Construtor utilizado para gerar um novo canvas cujo conteúdo é a i...
Funções<br />canvas:attrSize(width, height : number) <br />canvas:attrColor(r, g, b, a : number) <br />canvas:attrFont(fac...
Funções<br /><ul><li>canvas:drawLine (x1, y1, x2, y2 : number)
canvas:drawRect (mode : string, x, y, width, height : number)
canvas:drawPolygon (mode : string)
Upcoming SlideShare
Loading in …5
×

7.II SACIC - 2010 - Desenvolvimento de Aplicações para TVDigital com NCLUA

752 views

Published on

Published in: Technology
  • Be the first to comment

  • Be the first to like this

7.II SACIC - 2010 - Desenvolvimento de Aplicações para TVDigital com NCLUA

  1. 1. Operações gráficas durante a apresentação de uma aplicação<br />Módulo Canvas<br />Danilo Araújo Portela<br />Twitter: @danilo_portela<br />E-mail: daniloparaujo@gmail.com<br />
  2. 2. Construtores<br />canvas:new (image_path : string)<br />Construtor utilizado para gerar um novo canvas cujo conteúdo é a imagem passada através do argumento image_path. <br />canvas:new (width, height : number) <br />Construtor utilizado para gerar um novo canvas com todos os pixels de cor transparente. <br />Danilo Portela<br />
  3. 3. Funções<br />canvas:attrSize(width, height : number) <br />canvas:attrColor(r, g, b, a : number) <br />canvas:attrFont(face : string, size : number, style : string) <br />canvas:attrClip(x, y, width, height : number) <br />Funções utilizadas para modificar os valores, respectivamente, das dimensões do canvas, da cor atual, da fonte e da área de corte. <br />Danilo Portela<br />
  4. 4. Funções<br /><ul><li>canvas:drawLine (x1, y1, x2, y2 : number)
  5. 5. canvas:drawRect (mode : string, x, y, width, height : number)
  6. 6. canvas:drawPolygon (mode : string)
  7. 7. canvas:drawEllipse (mode : string, xc, yc, width, height, ang_start, ang_end : number)
  8. 8. canvas:drawText (text : string, x, y : number)
  9. 9. Funções utilizadas para desenhar, respectivamente, as primitivas linha, retângulo, polígono, elipse (ou circunferência) e texto. </li></ul>Danilo Portela<br />
  10. 10. Funções<br />canvas:flush() <br />Utilizada para enviar o resultado de uma série de operações de desenho e de composição para o canvas, tornando estas visíveis. <br />canvas:compose (x, y : number, src : canvas, [src_x, src_y, src_w, src_h : number])<br />Utilizada para copiar o conteúdo de um dado canvas em outro, permitindo operações de composição. <br />Danilo Portela<br />
  11. 11. Exemplos<br />Danilo Portela<br />

×