Implementações de Suporte a Curvas noHTML5 e Aplicações de Curvas emComputação GráficaBENEDILSON DE JESUS BATISTA DE LIMAE...
Curvas de BezierPara criar uma curva de Bezier com HTML5Canvas, podemos usar o métodobezierCurveTo()Curvas de Bezier são d...
HTML5 Canvas Diagrama Curva de BezierA curva de Bézier é definida pelo ponto atual contexto,dois pontos de controle, e um ...
HTML5 Canvas Diagrama Curva de Bezier<script>context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY)...
HTML5 Canvas - Curve de BezierExemplo
Mais exemplos...
Mais exemplos...
Mais exemplos...
Bibliografia• http://www.html5canvastutorials.com/tutorials/html5-canvas-bezier-curves/• http://www.html5canvastutorials.c...
Implementações de suporte a curvas no html5 e aplicações de curvas em Computação Gráfica - CG
Upcoming SlideShare
Loading in …5
×

Implementações de suporte a curvas no html5 e aplicações de curvas em Computação Gráfica - CG

372 views

Published on

Como é implementado a questão do suporte a curvas no html5;
Suas respectivas aplicações na computação gráfica

Published in: Technology
0 Comments
1 Like
Statistics
Notes
  • Be the first to comment

No Downloads
Views
Total views
372
On SlideShare
0
From Embeds
0
Number of Embeds
2
Actions
Shares
0
Downloads
0
Comments
0
Likes
1
Embeds 0
No embeds

No notes for slide

Implementações de suporte a curvas no html5 e aplicações de curvas em Computação Gráfica - CG

  1. 1. Implementações de Suporte a Curvas noHTML5 e Aplicações de Curvas emComputação GráficaBENEDILSON DE JESUS BATISTA DE LIMAEMANUEL ALVES COSTAFRANCINALDO PINTO MADEIRAJOYCE CRISTIANY DE AGUIAR VIEIRA
  2. 2. Curvas de BezierPara criar uma curva de Bezier com HTML5Canvas, podemos usar o métodobezierCurveTo()Curvas de Bezier são definidas com o pontode contexto, dois pontos de controle, e um pontofinal.São definidas com dois pontos de controle emvez de um, permitindo-nos criar curvaturas maiscomplexas.Curvas de Bezier podem ser decorados comlineWidth, strokeStyle e propriedades LineCap.
  3. 3. HTML5 Canvas Diagrama Curva de BezierA curva de Bézier é definida pelo ponto atual contexto,dois pontos de controle, e um ponto final. A primeira parte dacurva é tangente à linha imaginária que é definido pelo pontode contexto e o primeiro ponto de controle. A segunda parte dacurva é tangente à linha imaginária que é definido pelosegundo ponto de controle e o ponto final.
  4. 4. HTML5 Canvas Diagrama Curva de Bezier<script>context.bezierCurveTo(controlX1, controlY1, controlX2, controlY2, endX, endY);</script>
  5. 5. HTML5 Canvas - Curve de BezierExemplo
  6. 6. Mais exemplos...
  7. 7. Mais exemplos...
  8. 8. Mais exemplos...
  9. 9. Bibliografia• http://www.html5canvastutorials.com/tutorials/html5-canvas-bezier-curves/• http://www.html5canvastutorials.com/labs/html5-canvas-physics-engine-with-curve-detection/• http://www.html5canvastutorials.com/labs/html5-canvas-modify-curves-with-anchor-points-using-kineticjs/• http://www.html5canvastutorials.com/labs/html5-canvas-interactive-flower/

×