Jump to content
Douglas Fabiano

Determinar cores

Recommended Posts

Outra ajuda, se possível.

 

Tentei no HTML e não consegui:

 

De uma determinada área algum script que reconheça a cor. Exemplo: de uma foto ele identifica qual é a cor laranja e preta e mostrar quantos por centro dessa área está com essa cor.

 

Alguem pode ao menos me direcionar para o que devo estudar?

 

Obrigado

Share this post


Link to post
Share on other sites

Eu tenho uma página na web. Essa página coletar (ou por webcam ou upload de imagem mesmo) uma imagem... A partir dessa imagem o sistema identificar qual é a cor  por exemplo:

 

Em uma foto onde tenha uma mancha vermelha, ele identificar que essa cor seja vermelha e mostrar quantos por cento ela utilizada da área da foto.

 

Deu para entender?

Share this post


Link to post
Share on other sites

Não entendi o seguinte: numa imagem pode ter centenas ou milhares de cores diferentes. Como será definido a cor que será analisada na imagem?

 

Share this post


Link to post
Share on other sites

Cara, precisará utilizar canvas

http://jsfiddle.net/ourcodeworld/8swevoxo/9/?utm_source=website&utm_medium=embed&utm_campaign=8swevoxo

Neste exemplo ele pega a cor do pixel onde o mouse esta posicionado, você precisaria mudar a lógica para varrer a imagem pegando as cores

Share this post


Link to post
Share on other sites

Create an account or sign in to comment

You need to be a member in order to leave a comment

Create an account

Sign up for a new account in our community. It's easy!

Register a new account

Sign in

Already have an account? Sign in here.

Sign In Now

  • Similar Content

    • By Gustavo_bmoraes
      Boa tarde brothers. 
       
      Queria saber qual a melhor configuração que vocês usam no painel de controle da NVIDIA para a cor ficar mais proxima da realidade da impressão. Trabalho muito fazendo artes para serem impressas e as vezes a tonalidade muda muito. Qual o esquema que vocês usam ? Meu monitor é um ACER V246HL e a placa de video que uso uma GTX 1050 Ti Ge force. 
    • By Moizevitch
      Olá galera!
       
      Gostaria de pedir a ajuda de vocês pra um detalhe que me dá muito trabalho.
      Queria fazer o encontro entre duas imagens mais sutil, mais natural.
      Algo que não seja gritante, bem suave.
      A imagem que indico, mostra exatamente onde me refiro.
      Sei que o Photoshop permite essa transição de forma suave, porém, ainda não aprendi.
      Se alguém souber como fazer, de preferência de modo simples, já que não sou expert, agradeceria muito!
      O link da Imgur tem a imagem sem a marca, caso alguém queira.

      Muito obrigado.
      Até!
       
       

    • By rckholanda
      Boa tarde Pessoal,
       
      Estou com um problema aonde a pagina possui um "loader.svg" porém esse loader parece que entra em loop infinito, ao removê-lo da página, a mesma perde referencia de toda index.
       
      alguém poderia me ajudar?
       
      http://jjm.hhdesign.com.br/
       
      Abaixo o código do loader.svg
      <svg width="44" height="44" viewBox="0 0 44 44" xmlns="http://www.w3.org/2000/svg" stroke="#fff"> <g fill="none" fill-rule="evenodd" stroke-width="1"> <circle cx="22" cy="22" r="1"> <animate attributeName="r" begin="0s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite" /> <animate attributeName="stroke-opacity" begin="0s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite" /> </circle> <circle cx="22" cy="22" r="1"> <animate attributeName="r" begin="-0.9s" dur="1.8s" values="1; 20" calcMode="spline" keyTimes="0; 1" keySplines="0.165, 0.84, 0.44, 1" repeatCount="indefinite" /> <animate attributeName="stroke-opacity" begin="-0.9s" dur="1.8s" values="1; 0" calcMode="spline" keyTimes="0; 1" keySplines="0.3, 0.61, 0.355, 1" repeatCount="indefinite" /> </circle> </g> </svg>  
    • By Douglas Fabiano
      Boa tarde Amigos.
       
      Vejam de podem me dar uma ajuda.
       
      Alguém conhece algum script ou recurso para ser utilizado (jscript, html5,...) para medir uma área..
       
      Estava estudando o HTML5 Canvas, mas não consegui nada.
       
      Exemplo: Quero tirar uma foto e dessa foto automaticamente medir a área.
       
      Obrigado!
    • By acaldeira
      Bom dia!
      Eu preciso fazer uma calculadora de indice de força relativa e não consigo concluir.
      Abaixo segue o Script: eu só preciso fazer com que o resultado de Repetição máxima "OneRepMax" seja dividido pelo valor do campo peso do aluno e exiba a resposta em IFRM "ifrm".
      Abaixo segue o script, agradeço muito se alguém puder me ajudar:
      Código em HTML
      <!DOCTYPE HTML>
      <!-- Mirrored from www.exrx.net/Calculators/OneRepMax.html by HTTrack Website Copier/3.x [XR&CO'2014], Mon, 17 Oct 2016 18:00:39 GMT -->
      <!-- Added by HTTrack --><meta http-equiv="content-type" content="text/html;charset=UTF-8" /><!-- /Added by HTTrack -->
      <HEAD>
      <META NAME="GENERATOR" CONTENT="Adobe PageMill 3.0 Win">
      <META NAME="viewport" CONTENT="width=device-width, initial-scale=1">
      <TITLE>Indixe de Força Muscula Relativa</TITLE>
      </HEAD>
      <BODY BGCOLOR="#ffffff">
      <div align="center">
      <table width="1260">
      <tr><td>
      <FORM>
      <SCRIPT LANGUAGE="javascript" SRC="onerepmax.js"></SCRIPT>
      <P><TABLE WIDTH="100%" BORDER="0" CELLSPACING="0" CELLPADDING="0">
      <TR>
      <TD WIDTH="1%" bgcolor="#000000">
          
      </TD>
      <TD WIDTH="1%" bgcolor="#000000">
      <H2><A HREF="http://www.olipo.com.br/"><IMG src="logo.png" width="192" height="137"></A></H2>
      </TD>
      <TD WIDTH="1%" bgcolor="#000000">
          
      </TD>
      <TD WIDTH="99%" valign="middle" ALIGN="CENTER" bgcolor="#F58634">
      <font color="#ffffff" face="Arial, Helvetica, sans-serif" size="+3"> <strong>INDICE DE FORÇA MUSCULAR RELATIVA</strong></font>
      </TD>
      </TR>
      </TABLE></P>
      <P><TABLE WIDTH="100%" BORDER="1" CELLSPACING="0" CELLPADDING="5"
      CLASS="StackTable">
      <TR>
      <TD width="22%">
      <INPUT NAME="pesoaluno" TYPE="text" SIZE="2"> Peso Al. Kg</br>
      <INPUT NAME="WeightLifted" TYPE="text" SIZE="2"> Peso Tes. Kg</br>
      <INPUT NAME="RepsPerformed" TYPE="text" SIZE="2"> Repetições</br>
      <input type="button" value="Calcular" ONCLICK="calc(this.form)"><INPUT
      TYPE="reset" VALUE="Resetar" NAME="Reset">
      </TD>
      <TD width="2%" ALIGN="CENTER" bgcolor="#B09E66">
      <INPUT NAME="ifrm" id="ifrm" TYPE="text" SIZE="2"> </br>IFRM.
      </TD>
      <TD width="2%" bgcolor="#FF6600">
      <INPUT NAME="A1" TYPE="text" SIZE="5"> 40%
      </TD><TD width="2%" bgcolor="#33CCFF">
      <INPUT NAME="A2" TYPE="text" SIZE="2"> 45%
      </TD>
      <TD width="2%" bgcolor="#FFCC00">
      <INPUT NAME="A" TYPE="text" SIZE="2"> 50%
      </TD>
      <TD width="2%" bgcolor="#00CC33">
      <INPUT NAME="B" TYPE="text" SIZE="2"> 55%
      </TD>
      <TD width="2%" bgcolor="#FF6600">
      <INPUT NAME="C" TYPE="text" SIZE="2"> 60%
      </TD>
      <TD width="2%" bgcolor="#000000">
      <INPUT NAME="D" TYPE="text" SIZE="2"><font color="#FFFFFF"> 65%</font>
      </TD>
      <TD width="2%" >
      <INPUT NAME="E" TYPE="text" SIZE="2"> 70%
      </TD>
      <TD width="2%" >
      <INPUT NAME="F" TYPE="text" SIZE="2"> 75%
      </TD>
      <TD width="2%" >
      <INPUT NAME="G" TYPE="text" SIZE="2"> 80%
      </TD>
      <TD width="2%" >
      <INPUT NAME="H" TYPE="text" SIZE="2"> 85%
      <TD width="2%" >
      <INPUT NAME="I" TYPE="text" SIZE="2"> 90%
      </TD>
      <TD width="2%" >
      <INPUT NAME="J" TYPE="text" SIZE="2"> 95%
      </TD>
      <TD width="2%" ALIGN="CENTER">
      <INPUT NAME="OneRepMax" id="OneRepMax" TYPE="text" SIZE="2"> </br>1 Rep. Max.
      </TD>
      </TR>
      </TABLE></P>
      </FORM>
      </td></tr></table></div>
      <SCRIPT LANGUAGE="JavaScript" TYPE="text/javascript">
      <!--
      var divisao = OneRepMax/pesoaluno;
      document.write (divisao);
      document.write ("<BR>");
      document.write (resto);
      //-->
      </SCRIPT>
      </BODY>
      </HTML>

      Código em Java Script
      function calc (form) {
      if (form.RepsPerformed.value < 10){
      form.OneRepMax.value = Math.round(form.WeightLifted.value/(1.0278-0.0278*form.RepsPerformed.value))
      }
      if (form.RepsPerformed.value == 10){
      form.OneRepMax.value = Math.round(form.WeightLifted.value/0.75)
      }
      if (form.RepsPerformed.value > 10){
      alert ("Reps Performed must be between 1 and 10")
      }
      form.A1.value = Math.round(form.OneRepMax.value*0.40)
      form.A2.value = Math.round(form.OneRepMax.value*0.45)
      form.A.value = Math.round(form.OneRepMax.value*0.50)
      form.B.value = Math.round(form.OneRepMax.value*0.55)
      form.C.value = Math.round(form.OneRepMax.value*0.60)
      form.D.value = Math.round(form.OneRepMax.value*0.65)
      form.E.value = Math.round(form.OneRepMax.value*0.70)
      form.F.value = Math.round(form.OneRepMax.value*0.75)
      form.G.value = Math.round(form.OneRepMax.value*0.80)
      form.H.value = Math.round(form.OneRepMax.value*0.85)
      form.I.value = Math.round(form.OneRepMax.value*0.90)
      form.J.value = Math.round(form.OneRepMax.value*0.95)

      }
      //-->
×

Important Information

Ao usar o fórum, você concorda com nossos Terms of Use.