Exemplo
Criar um arco entre duas tangentes na tela:
JavaScript:
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();
ctx.moveTo(20,20);
// Create a starting point
ctx.lineTo(100,20); //
Create a horizontal line
ctx.arcTo(150,20,150,70,50); // Create an arc
ctx.lineTo(150,120); //
Continue with vertical line
ctx.stroke();
// Draw it Tente você mesmo " Suporte a navegadores
Os números na tabela especificar a primeira versão do browser que suporta totalmente o método.
| Método | |||||
|---|---|---|---|---|---|
| arcTo() | sim | 9 | sim | sim | Não |
Definição e Uso
O arcTo() método cria um arco / curva entre duas tangentes na tela.
Dica: Use o stroke() método para realmente desenhar o arco na tela.
| sintaxe JavaScript: | context.arcTo(x1,y1,x2,y2,r); |
|---|
Os valores dos parâmetros
| Parâmetro | Descrição | Jogue |
|---|---|---|
| x1 | A coordenada x do primeiro tangente | Jogue " |
| y1 | A coordenada y do primeiro tangente | Jogue " |
| x2 | A coordenada x do segundo tangente | Jogue " |
| y2 | A coordenada y do segundo tangente | Jogue " |
| r | O raio do arco | Jogue " |