Desenho de linhas suaves com canvas

té agora, nenhum dos tópicos aqui em linhas suaves está corret

como desenhar curvas suaves através de N pontos usando a tela HTML5 em javascript?

Linhas desenhadas pelo usuário suave na tela

Ambos resultam em linhas irregulares. Por suave, quero dizer usando os pontos x, y como pontos de controle para tornar a linha mais suave. A linha NÃO precisa passar pelos pontos. Ele simplesmente tem que desenhar uma linha suave com n ponto

Basicamente, estou gravando cada segmento de linha e, quando o usuário passa o mouse, ele suaviza a linh

Eu tentei meu próprio método usando bezierCurveTo, mas isso apenas suaviza todos os outros pontos e, em seguida, os pontos de conexão ainda são duros. A internet parece pensar que o que estou procurando é chamado de curvas B-Spline. Tentei aplicar uma matriz de álgebra linear ao problema, mas falhei nisso, lo

Aqui está a melhor curva que posso obter (imagem). A linha em vermelho é a linha "suavizada", como você pode ver, suaviza todos os outros pontos, mas não é contínua. Isso está usando o código de

como desenhar curvas suaves através de N pontos usando a tela HTML5 em javascript?

Meu código faz a mesma coisa

http: //www.square-bracket.com/images/smoothlines.pn

Obrigado pela ajuda

questionAnswers(2)

yourAnswerToTheQuestion