1

Eu tenho um tipo de entretenimento numa página onde escolho um desenho que é colocado dentro de um canvas para colorir.

Eu já tenho o pincel e as cores. Mas eu quero algo que faça a função do balde que pinta uma área inteira.

Clica no balde, depois clica em uma parte do desenho e pinta a região que foi clicada.

Tem um site que tem isso:

http://desportos.colorir.com/outros-desportos/judo-1.html

Tentei entender o código fonte, mas não consegui achar a função.

Alguém tem ideia do como posso fazer ? Só o início.

O plugin que estou usando é esse:

http://intridea.github.io/sketch.js/

4
  • 1
    Poderia por favor postar o código que você tem até o momento, ou qual PLUGIN JQUERY está utilizando. 26/10/2015 às 17:53
  • Editei o poste, Paulo Hard Disk. 26/10/2015 às 18:01
  • Sugestão de pesquisa: flood fill
    – Bacco
    16/02/2016 às 5:41
  • Olá. Como já comentaram, seria bom você colocar o código que está fazendo para que alguém possa ajudar onde estiver algum erro. Do jeito que a pergunta está, você está basicamente pedindo pra alguém fazer o código pra vc (e esse não é o foco deste site). 11/04/2016 às 18:21

1 Resposta 1

1

O plugin que você está utilizando não da suporte para o que você quer, ele ainda está na versão 0.0.1.

O Máximo que você pode fazer é aumentar a área de ação do pincel. pintar uma do desenho no canvas com BALDE requer uma quantidade grande de código.

Da uma olhada no Google, tem vários plugins que podem te ajudar melhor.

https://www.google.com.br/webhp?sourceid=chrome-instant&ion=1&espv=2&ie=UTF-8#q=bucket%20paint%20jquery

Esse aqui parece bem rico e mesmo assim não tem o que você precisa.

http://www.jqueryscript.net/demo/jQuery-Plugin-for-Simple-Drawing-Surface-wPaint/

6
  • Pelo que andei pesquisando tem a ver com manipulação de pixels. O site que coloquei na minha pergunta tem dois arquivos: painterGame.min.js e painterMobile.js. Tentei usá-los, mas me mostra um erro de script. 26/10/2015 às 18:18
  • Poderia postar qual é o erro? 26/10/2015 às 18:19
  • Uncaught TypeError: Cannot set property 'className' of null 26/10/2015 às 18:20
  • pode mandar a linha de código que da o erro? 26/10/2015 às 18:32
  • btnPincel.className="",, no Chrome mostra isso. 26/10/2015 às 18:33

Você deve fazer log-in para responder a esta pergunta.

Esta não é a resposta que você está procurando? Pesquise outras perguntas com a tag .