Manual de referência HTML

大全 de etiquetas HTML

Método arcTo() do HTML canvas

arcTo() é um método Canvas 2O D API desenha o caminho do arco circular com base no ponto de controle e no raio, usando o ponto de deslocamento atual (ponto final do moveTo ou lineTo etc). Com base no ponto de deslocamento atual e no ponto de controle fornecido1Linhas conectadas, e ao ponto de controle1Conectado ao ponto de controle2Linhas conectadas, como tangentes do círculo especificado pelo raio, desenhando o caminho do arco entre as duas tangentes.

Manual de referência do canvas HTML

Exemplo online

Criar arco entre duas tangentes na superfície de desenho:

JavaScript：

Exemplo

!DOCTYPE html>
<html>
<head>　
<meta charset="utf-8">　
<title>Base Tutorial Site(oldtoolbag.com)</title>　
</head>
<body>
<script>
var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");
ctx.beginPath();　
ctx.moveTo(20,20);　　　　　　　　　　　//　Criar ponto de partida
ctx.lineTo(100,20);　　　　　　　　　　//　Criar linha horizontal　
ctx.arcTo(150,20,150,70,50);　//　Criar arco
ctx.lineTo(150,120);　　　　　　　　　//　Criar linha vertical
ctx.stroke();　　　　　　　　　　　　　　　　//　Desenhar
</script>
</body>
</html>

Teste e veja ‹/›

Compatibilidade do navegador

IEFirefoxOperaChromeSafari

Definição e uso

O método arcTo() cria um arco entre duas linhas de corte no canvas/Curva.

Dica:Use stroke() Método para desenhar arcos exatos no canvas.

Sintaxe JavaScript:	context.arcTo(x1,y1,x2,y2,r);

Valor do parâmetro

Parâmetro	Descrição
x1	a coordenada x do ponto de interseção das duas linhas de corte.
y1	a coordenada y do ponto de interseção das duas linhas de corte.
x2	a coordenada x de um ponto na segunda linha de corte.
y2	a coordenada y de um ponto na segunda linha de corte.
r	o raio do arco.

onde a coordenada x e y de qualquer ponto na primeira linha é a posição do ponto anterior, neste exemplo é 100,20. Por (x1,y1),(x2,y2,(100,20) Três pontos determinam a posição de duas retas e a posição da arco é determinada pelo raio.

Manual de referência do canvas HTML

HTML: <template> etiqueta