Alguém que entenda de javascript e html pode me ajudar ?

Ainda sou daqueles que usam FrontPage pra editar html, mas agora preciso fazer o seguinte:

Mudar os pontos coloridos dessa imagem, dependendo do que é recebido no xml.

A parte do xml sei fazer, e sei trocar a imagem toda, mas se for pra trocar apenas os pontos coloridos

sem recarregar a imagem principal novamente não sei fazer.

Tentei fazer no FrontPage, mas a imagem de substituição fica deslocada.

Se tiver que ter varias imagens "principais" ficaria muito pesado pro ESP8266, então a ideia é trocar 

apenas os pontos coloridos.

Pretendo fazer um Configurador fácil via html

Gravador de encaixe rapido

Exibições: 91

Responder esta

Respostas a este tópico

Olá.

  Um vez fiz um "LCD" em pascal e deu certo assim:

  Em CorelDraw eu fiz cada segmento em uma imagem, com um quadrado envolvendo todos (moldura).

Aih exportei a moldura+segmento A, moldura+segmento B.....

Tudo com cor transparente no fundo.

Se vc mostrava todas as imagens ficava um 8888, conforme desligava algumas ia modulando o display.

Ficou bem legal.

Acredito que vc poderia fazer o mesmo.

Uma imagem de fundo e depois uma imagem para cada pino. A de fundo tem por ex vermelho e a de frente verde com transparente.

Todas do mesmo tamanho e plotadas na mesma coordenada.

Aih vc só escolhe mostrar ou esconder cada uma.

Bom dia, 

Sei que Processing e Pyhton tem Bibliotecas para Gráficos. Pode ser talvez uma opção mais simples. 

Terá que pesquisar  e estudar. 

https://processing.org/reference/

https://processing.org/reference/libraries/

https://processing.org/examples/   (sugiro procurar aqui primeiro) 

Exemplos:

https://processing.org/examples/pointillism.html

Consegui...

deu um trabalhão, horas e horas, perguntei em foruns especializados e nada.

Aí de tanto tentar consegui.

Era isso que eu queria, poder mudar a cor de um pequeno pedaço especifico em uma imagem maior.

vejam:

Com isso, e usando xml agora posso desenvolver um "configurador fácil" pro ESP8266 onde pode ser monitorado pela imagem.

Apenas como exemplo essa parte do pisca tirei daqui:

Piscar imagem

não será usado em meu projeto, pois será controlado pelo xml.

O código html completo que fiz esta aqui:

gravador.rar

Parabéns Hélio e obrigado por compartilhar. 

RSS

Destaques

Registre-se no
Lab de Garagem
Clicando aqui

Convide um
amigo para fazer
parte

curso gratis de arduino

© 2021   Criado por Marcelo Rodrigues.   Ativado por

Badges  |  Relatar um incidente  |  Termos de serviço