[RESOLVIDO] imagem com varias IDs - Javascript - Laboratorio de Garagem (arduino, eletrônica, robotica, hacking)2024-03-29T05:39:04Zhttps://labdegaragem.com/forum/topics/imagem-com-varias-ids-javascript?commentId=6223006%3AComment%3A824872&xg_source=activity&feed=yes&xn_auth=noParabéns Hélio e obrigado por…tag:labdegaragem.com,2021-01-11:6223006:Comment:8271402021-01-11T11:51:13.479ZJosé Gustavo Abreu Murtahttps://labdegaragem.com/profile/GustavoMurta
<p>Parabéns Hélio e obrigado por compartilhar. </p>
<p>Parabéns Hélio e obrigado por compartilhar. </p> Consegui...
deu um trabalhão,…tag:labdegaragem.com,2021-01-10:6223006:Comment:8265222021-01-10T20:46:02.341ZHélio Rodrigues de C. Filhohttps://labdegaragem.com/profile/HelioRodriguesdeCFilho
<p>Consegui...</p>
<p>deu um trabalhão, horas e horas, perguntei em foruns especializados e nada.</p>
<p>Aí de tanto tentar consegui.</p>
<p>Era isso que eu queria, poder mudar a cor de um pequeno pedaço especifico em uma imagem maior.</p>
<p>vejam:</p>
<p><iframe allowfullscreen="" frameborder="0" height="315" src="https://www.youtube.com/embed/sj1D6ia7uTM?wmode=opaque" width="560"></iframe>
</p>
<p>Com isso, e usando xml agora posso desenvolver um "configurador fácil" pro ESP8266 onde pode…</p>
<p>Consegui...</p>
<p>deu um trabalhão, horas e horas, perguntei em foruns especializados e nada.</p>
<p>Aí de tanto tentar consegui.</p>
<p>Era isso que eu queria, poder mudar a cor de um pequeno pedaço especifico em uma imagem maior.</p>
<p>vejam:</p>
<p><iframe width="560" height="315" src="https://www.youtube.com/embed/sj1D6ia7uTM?wmode=opaque" frameborder="0" allowfullscreen=""></iframe>
</p>
<p>Com isso, e usando xml agora posso desenvolver um "configurador fácil" pro ESP8266 onde pode ser monitorado pela imagem.</p>
<p>Apenas como exemplo essa parte do pisca tirei daqui:</p>
<p><a href="https://bytutorial.com/blogs/css3/how-to-create-blinking-background-color-and-text-using-css3-animation" target="_blank" rel="noopener">Piscar imagem</a></p>
<p>não será usado em meu projeto, pois será controlado pelo xml.</p>
<p></p>
<p>O código html completo que fiz esta aqui:</p>
<p><a href="https://storage.ning.com/topology/rest/1.0/file/get/8409602479?profile=original" target="_blank" rel="noopener">gravador.rar</a></p>
<p></p> Bom dia,
Sei que Processing…tag:labdegaragem.com,2021-01-09:6223006:Comment:8251912021-01-09T12:30:26.438ZJosé Gustavo Abreu Murtahttps://labdegaragem.com/profile/GustavoMurta
<p>Bom dia, </p>
<p>Sei que Processing e Pyhton tem Bibliotecas para Gráficos. Pode ser talvez uma opção mais simples. </p>
<p>Terá que pesquisar e estudar. </p>
<p></p>
<p><a href="https://processing.org/reference/" target="_blank">https://processing.org/reference/</a></p>
<p><a href="https://processing.org/reference/libraries/" target="_blank">https://processing.org/reference/libraries/…</a></p>
<p></p>
<p>Bom dia, </p>
<p>Sei que Processing e Pyhton tem Bibliotecas para Gráficos. Pode ser talvez uma opção mais simples. </p>
<p>Terá que pesquisar e estudar. </p>
<p></p>
<p><a href="https://processing.org/reference/" target="_blank">https://processing.org/reference/</a></p>
<p><a href="https://processing.org/reference/libraries/" target="_blank">https://processing.org/reference/libraries/</a></p>
<p><a href="https://processing.org/examples/" target="_blank">https://processing.org/examples/</a> (sugiro procurar aqui primeiro) </p>
<p></p>
<p>Exemplos:</p>
<p><a href="https://processing.org/examples/pointillism.html" target="_blank">https://processing.org/examples/pointillism.html</a></p>
<p></p> Olá.
Um vez fiz um "LCD" em…tag:labdegaragem.com,2021-01-09:6223006:Comment:8248722021-01-09T00:01:34.652ZEduardohttps://labdegaragem.com/profile/EduardoHenriqueMarcondes
<p>Olá.</p>
<p> Um vez fiz um "LCD" em pascal e deu certo assim:</p>
<p> Em CorelDraw eu fiz cada segmento em uma imagem, com um quadrado envolvendo todos (moldura).</p>
<p>Aih exportei a moldura+segmento A, moldura+segmento B.....</p>
<p>Tudo com cor transparente no fundo.</p>
<p>Se vc mostrava todas as imagens ficava um 8888, conforme desligava algumas ia modulando o display.</p>
<p>Ficou bem legal.</p>
<p>Acredito que vc poderia fazer o mesmo.</p>
<p>Uma imagem de fundo e depois uma imagem…</p>
<p>Olá.</p>
<p> Um vez fiz um "LCD" em pascal e deu certo assim:</p>
<p> Em CorelDraw eu fiz cada segmento em uma imagem, com um quadrado envolvendo todos (moldura).</p>
<p>Aih exportei a moldura+segmento A, moldura+segmento B.....</p>
<p>Tudo com cor transparente no fundo.</p>
<p>Se vc mostrava todas as imagens ficava um 8888, conforme desligava algumas ia modulando o display.</p>
<p>Ficou bem legal.</p>
<p>Acredito que vc poderia fazer o mesmo.</p>
<p>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.</p>
<p>Todas do mesmo tamanho e plotadas na mesma coordenada.</p>
<p>Aih vc só escolhe mostrar ou esconder cada uma.</p>
<p></p>