Mover objeto desenhado no canvas sem redesenhá-lo


(Sergio José Gomes) #1

Meu objetivo é criar um aplicativo de desenho usando a tag canvas e o JavaScript. Eu queria poder não só desenhar linhas como também editá-las, o problema é que a maioria dos exemplos e explicações sobre mover os objetos no canvas envolvem limpar a tela e redesenhar o objeto em outra coordenada e o meu objetivo é só mudá-lo de lugar.


(Luã Ciceri Schwertner) #2

@Sergiodesjg tem a função draggable do jquery UI, acho que pode resolver teu problema.

documentação
exemplo 1
exemplo 2
exemplo 3


(Sergio José Gomes) #3

Obrigado. Vi as demos. Por uma olhada rápida parece ser simples de entender como usar, vou estudar um pouco mais para ver se eu consigo implementá-lo da melhor forma possível no meu projeto.

Gostaria de acrescentar uma coisa e perguntar outras: a minha ideia a princípio seria usar JavaScript puro, porém diante dessa resposta fico curioso: Para fazer algo parecido com esses exemplos usando apenas JS puro seria muito difícil? Que caminho eu teria que tomar se quisesse fazer com JS puro?