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 navegador
Os números na tabela especificar a primeira versão do navegador que suporta totalmente o método.
| Método | |||||
|---|---|---|---|---|---|
| arcTo() | 4.0 | 9 | 3,6 | 4.0 | Não suportado |
Definição e Uso
O arcTo() método cria um arco / curva entre duas tangentes sobre a lona.
Tip: 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 início do arco | Jogue " |
| y1 | A coordenada y do início do arco | Jogue " |
| x2 | A coordenada x do final do arco | Jogue " |
| y2 | A coordenada y do final do arco | Jogue " |
| r | O raio do arco | Jogue " |
<Object Canvas