gemiddelde kleur

Overzicht Reageren

Sponsored by: Vacatures door Monsterboard

Gedreven front-end ontwikkelaar gezocht!

Bedrijfsomschrijving Dit moderne bedrijf is zeer succesvol en maakt prachtige webapplicaties voor grote A-merken.Vanwege de sterke groei zoeken wij per direct voor dit bedrijf een ervaren front-end ontwikkelaar. Het team bestaat uit een jonge groep enthousiaste specialisten waaronder 6 backend en 5 frontend ontwikkelaars. Omdat de mooie opdrachten zich blijven aandienen zijn ze van plan om weer uit te breiden en het verloop bij deze organisatie is heel laag omdat het er erg prettig werken is.Zo gaan ze bijvoorbeeld heel flexibel om met elkaar en kijkt men hier niet raar op als je eens een middag afwezig bent of later

Bekijk vacature »

Junior Front-End Developer

Je maakt een vliegende start van je carrière, door meteen mee te bouwen aan de digitale aspecten van Coolblue. Wat doe je als Junior Front-End Developer bij Coolblue? Als Junior Front-End Developer ben je meteen vanaf de start onderdeel van een development team. Je kijkt veel mee met collega’s en volgt trainingen om te groeien als Junior Developer. Op dat moment komt je wil om steeds te blijven leren naar boven. Daarnaast pak je in de sprints ook je eigen stories op om Coolblue iedere dag een beetje beter te maken. Je sterk analytisch vermogen komt dan goed van pas!

Bekijk vacature »

Full Stack Java Developer (IT Consultant) - Bankin

Do you have passion for technology and innovation? Are you ready to create innovative solutions to give the financial sector a solid lead in the digital world? Your day to day activities As Full stack Java Developer you will be part of the DevOps team. With a multidisciplinary team you will - in an Agile way - be working on building new functionalities and maintaining existing features. It covers both development and operations; helping to organize the continuous delivery pipeline, connecting to back end systems, performing automated tests and shaping the front end. The high-quality solutions you deliver result in

Bekijk vacature »

Java / Hippo developer

Functieomschrijving Ben jij een ervaren Java/Hippo ontwikkelaar en op zoek naar een internationale, creatieve en innovatieve omgeving? Wil jij werken in een divers applicatielandschap waar alle aspecten van het vakgebied van een developer aan bod komen, zodat je je volledig kan ontplooien? Bij Randstad Groep Nederland (HQ) zijn we op zoek naar jou! Wij zijn op zoek naar een Java/Hippo ontwikkelaar die per direct ons interne team komt versterken. Java/Hippo development bij Randstad Groep Nederland (HQ) Je komt te werken in het Online Search Experience team. Dit team werkt samen met de product owner aan onze web omgevingen van Randstad

Bekijk vacature »

Software Developer / Java / Python / React / Big D

Bedrijfsomschrijving Bij dit grote, innovatieve technische bedrijf wil men graag flink groeien dit jaar, namelijk van zo'n 100 naar 120 mensen. In de afgelopen jaren is er hard gewerkt om een nieuw software product op de markt te zetten ter ondersteuning van hun fysieke producten en omdat dit een groot succes is, wordt het nu uitgerold over het hele bedrijf en daarmee een groot deel van de wereld. Er is dus werk aan de winkel! Jij werkt in het Big Data team waarbij je de UI ontwikkelt waar inzicht gegeven wordt in de enorme hoeveelheden data. Vanuit duizenden sensoren komen

Bekijk vacature »

Lead Full Stack Developer / Mobile Apps / C# / Rea

Bedrijfsomschrijving Als Full Stack developer kom je te werken bij een organisatie in regio Ede die gespecialiseerd is in het ontwikkelen en implementeren van software. Zo hebben ze een eigen ontwikkelde applicaties in de markt gezet voor de agrarische sector die internationaal zeer succesvol is en waar grote vraag naar is. Door deze software worden klanten op een slimme manier ondersteund bij voorraden, administratie, het maken van planningen en nog veel meer. De laatste tijd neemt de vraag naar mobile applicaties toe die klanten real time van de correcte informatie voorzien en het mogelijk maken om onder andere data registraties

Bekijk vacature »

Full-stack Java Developer

Functieomschrijving Wil jij continu een organisatie en processen optimaliseren? Maak jij graag IT applicaties die impact hebben? Wil jij jezelf en Nederland in beweging houden? Wat ga je doen als Full-stack Java Developer bij Randstad Nederland? Als je als full-stack java developer ergens impact hebt, dan is het hier wel. Wij ondersteunen onze HR-dienstverlening met hightech apps en software, die we continu verbeteren. Zodat onze mensen ervoor kunnen zorgen dat bijvoorbeeld jouw koffer op de band terecht komt op het vliegveld, jouw pakketjes netjes op tijd worden geleverd en goed verzorgt wordt in het ziekenhuis. Onze innovaties volgen elkaar in

Bekijk vacature »

Fullstack Java Developer

Bedrijfsomschrijving Our relation is an international organization that is located in the area of Amsterdam. They are well known in the market due to their innovative service delivery on the IT side and their passionate employees. They have received several awards for their efforts in IT! They strive to stimulate working and self-development in order to bring out the best in every organization worldwide. IT is crucial in this organization in order to improve their services. Currently, they have a monolithic architecture and they want to make the shift to Microservices. As this project is just starting you will be

Bekijk vacature »

Delphi Developer

Als Delphi Developer werk je samen met andere ontwikkelteams om onze backoffice applicaties zo optimaal mogelijk te laten werken. Wat doe je als Delphi Developer bij Coolblue? Als Delphi Developer werk je samen met andere ontwikkelteams om onze backoffice applicaties zo optimaal mogelijk te laten werken, of het nu gaat om het uitbreiden van features of het migreren naar API's. Alles om een glimlach op het gezicht van onze collega's te toveren! Hoewel je een Delphi Developer bent, ben je niet vies van een beetje C# of JavaScript. Wil jij ook Delphi Developer worden bij Coolblue? Lees hieronder of het

Bekijk vacature »

Front-end Developer / Angular

Bedrijfsomschrijving Als Front-end Developer ga je in een DevOps team aan de nieuwste digitale technologieën werken om klanten over de hele wereld te ondersteunen met het optimaliseren van (afval)waterzuivering systemen. Door middel van real-time data in combinatie met voorspellende analyses, AI, Deep Learning en Machine Learning zorgen jij en je team voor inzichten die ernstige milieu en watervervuiling weten te voorkomen. Jouw ervaring als Front-end developer zorgt ervoor dat deze klanten altijd de nieuwste gebruikersinterfaces hebben en zo makkelijk mogelijk deze data kunnen lezen. Zo is de organisatie al meer dan honderd jaar actief bezig met het aanpakken van confrontaties

Bekijk vacature »

New Business Developer Eindhoven

Ben jij het zat om alle KvK-lijsten volledig af te bellen? Komt de koffie van die ene persoon waar je nog steeds geen deal hebt gesloten je neus uit? En blijf je potentiële klanten stalken zonder resultaat? Dan is het tijd om het anders te gaan doen! Neem afscheid van de standaard salesaanpak en ga bij PEAK-IT aan de slag met onze unieke en eigenwijze salesstrategie! Word onze New Business Developer in Eindhoven, die niet bang is om het anders te doen! Hoe maak jij onze klanten blij? Dankzij jou hoeven onze klanten niet bang te zijn dat hun IT-infrastructuur

Bekijk vacature »

Senior Resiliency Analyst

Cargill Want to build a stronger, more sustainable future and cultivate your career? Join Cargill's global team of 155,000 employees who use new technologies, dynamic insights and over 155 years of experience to connect farmers with markets, customers with ingredients, and people and animals with the food they need to thrive. JOB PURPOSE AND IMPACT We seek a Senior Resiliency Analyst who will design, develop, implement and update business resiliency framework to support 2nd line compliance. The framework includes procedures, tools, metrics and reporting. In this role, you will advocate for and support compliance to Cargill’s Resiliency Management Procedure Document. You

Bekijk vacature »

Platform Community Manager

Als Platform Community Manager ben je een onmisbare schakel tussen de gebruikers van het Mijnwinkel platform en de organisatie. Je bent het centrale aanspreekpunt en speelt adequaat in op reacties, vragen en opmerkingen met betrekking tot het platform. Je stimuleert en ondersteunt de interactie tussen gebruikers en faciliteert daarbij de groei van hoogwaardige content. Daarnaast plaats je ook zelf content om de interactie met gebruikers aan te gaan. Omdat je bovenop het vuur zit en als geen ander weet hoe het platform functioneert, kan je input leveren over de workflows en processen en identificeer je verbeteringen die van invloed zijn

Bekijk vacature »

Ervaren C# developer Noord-Holland

Over ons bedrijf Naast onze voorliefde voor koffie en programmeren, dragen wij bij aan het succes van onze klanten. Met meer dan 12 jaar hands-on ervaring bedenken wij dé passende oplossing voor hun digitale uitdaging. Wij maken bijvoorbeeld klantportalen, realiseren data koppelingen en breiden bestaande pakketten uit. Dit doen wij door gebruik te maken van moderne technieken, zoals headless CMS, AI en machine learning. Wat ga je doen? Je werkzaamheden zijn divers en bestaan uit voornamelijk het ontwikkelen en onderhouden van webapplicaties, datakoppelingen en andere toepassingen. Daarnaast denk je actief mee met het vinden van passende oplossingen voor nieuwe wensen

Bekijk vacature »

IT-traineeship junior software developer

Zoek jij een stevige uitdaging en de mogelijkheid om veel nieuwe dingen te leren in een dynamisch vakgebied? Doe mee aan ons IT Professional Program en ontwikkel jezelf tot software engineer! Je begint met een opleidingstraject van ongeveer 4 maanden. Hierin ga je aan de slag met verschillende technieken die je op conceptueel niveau leert te overzien en interpreteren. Onderwerpen die aan bod komen zijn o.a. programmeren (Java/C#/Python), Object Oriëntatie, Databases, Webservices & webtechnologieën, Domain Driven Design en Continuous Integration/Continuous Delivery. Sommige van deze onderdelen sluit je af met een examen en bijbehorende certificering. Het opleidingstraject zelf sluit je af

Bekijk vacature »
Peter  paul

peter paul

07/10/2012 20:14:34
Quote Anchor link
Hallo,

Op het moment ben ik bezig met een scriptje dat de gemiddelde kleur van een bepaalde foto berekend. Ik heb twee manier bedacht om deze kleur te berekenen.

1. Ik ga een voor een alle pixels van het plaatje af. Ik neem van elke pixel de RGB waarde tel deze op en deel ze door het aantal pixels (linker kolom plaatje).
2. Ik verklein het plaatje naar 1X1 px. Vervolgens haal ik de RGB waarde op (rechter kolom plaatje).

De eerste manier lijkt goed te lukken maar duurt langer naar mate het plaatje groter wordt. De tweede manier lijkt helemaal niet goed te lukken. Ik lijk niet de gemiddelde kleur te krijgen. Als ik de voorbeelden langs elkaar leg lijkt het als of ik de kleur van de pixel (1,1) krijg.

Dit is de code die ik heb gebruikt doe ik iets fout, zie ik misschien iets over het hoofd, zo ja wat moet ik aanpassen.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
<?php

class average_color {

  public $r;
  public $g;
  public $b;

    function
__construct($img) {
        
        #image
        $image = imagecreatefromjpeg($img);    
        list($width, $height) = getimagesize($img);
           
           #new image
        $new_image = imagecreatetruecolor(1,1);
            imagecopyresized($new_image, $image, 0, 0, 0, 0, 1, 1, $width, $height);
        
            $rgb = imagecolorat($image, 0, 0);
        
            #average colors
              $this->r = ($rgb >> 16) & 0xFF;
        $this->g = ($rgb >> 8) & 0xFF;
        $this->b = $rgb & 0xFF;
    }
}
?>


http://i713.photobucket.com/albums/ww139/php_peter/ac_test.jpg
Gewijzigd op 07/10/2012 20:16:12 door Peter paul
 
PHP hulp

PHP hulp

10/05/2021 20:05:07
 
Albert de Wit

Albert de Wit

07/10/2012 21:08:34
Quote Anchor link
leuk bedacht, echt waar.

als je een foto verkleint naar 1x1 pixel houd hij inderdaad de kleur van de pixel (x,y: 1,1). die is dus niet 'betrouwbaar'. je eerste methode hoort als het goed is wel te werken maar zoals je al eerder zei, gaat dat lang duren als je grote foto's hebt. toch schijnt 'ie prima te werken. ik zou niet weten wat er nog anders moet
 
Joey Drieling

Joey Drieling

08/10/2012 09:29:43
Quote Anchor link
ik denk als je eerst de foto vervaagt je al meer gemidekleuren hebt. En dan om de zoveel pixel de kleur bij houden.
 
Kris Peeters

Kris Peeters

08/10/2012 11:17:13
Quote Anchor link
Ik weet niet wat je vraag precies is; ik zal er dan ook niet precies op antwoorden.

Maar ja, ik had ergens een mapje "gemiddelde_kleur" in mijn xampp subfolders. Misschien ben je er iets mee.

Mijn idee: je laat via Ajax de kleur berekenen (door php). Dan duurt het nog even lang, maar het gebeurt 1 voor 1 en je ziet het gebeuren.

Zie zelf eens wat je er van denkt.
Zorg gewoon dat je de <img>'s de juiste src geeft bij jou (001.jpg, 002.jpg, ... aanpassen naar bestaande images bij jou.)

Je merkt trouwens dat ik basically het zelfde doe: waarden optellen per r, g, of b -waarde en delen door het aantal pixels.

Code (php)
PHP script in nieuw venster Selecteer het PHP script
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
<?php
// AJAX verzoek
if (isset($_GET['ajax'])) {
  if(!empty($_POST['src'])) {
    $img = imagecreatefromjpeg($_POST['src']);
    $average = average($img);
    echo $average;
  }

  exit();
}
function
average($img) {
    $w = imagesx($img);
    $h = imagesy($img);
    $r = $g = $b = 0;
    for($y = 0; $y < $h; $y++) {
        for($x = 0; $x < $w; $x++) {
            $rgb = imagecolorat($img, $x, $y);
            $r += $rgb >> 16;
            $g += $rgb >> 8 & 255;
            $b += $rgb & 255;
        }
    }

    $pxls = $w * $h;
    $r = dechex(round($r / $pxls));
    $g = dechex(round($g / $pxls));
    $b = dechex(round($b / $pxls));
    if(strlen($r) < 2) {
        $r = 0 . $r;
    }

    if(strlen($g) < 2) {
        $g = 0 . $g;
    }

    if(strlen($b) < 2) {
        $b = 0 . $b;
    }

    return "#" . $r . $g . $b;
}


echo '
<html>
  <head>
  </head>
  <body>
    <div id="results">
      Gemiddelde kleur van foto\'s berekenen.  Asynchroon, 1 per 1.
      <input type="button" class="go" value="GO!"/>
    </div>
    <div class="photo"><img src="001.jpg"/></div>
    <div class="photo"><img src="002.jpg"/></div>
    <div class="photo"><img src="003.jpg"/></div>
    <div class="photo"><img src="004.jpg"/></div>
    <div class="photo"><img src="005.jpg"/></div>
    <div class="photo"><img src="006.jpg"/></div>
    <div class="photo"><img src="007.jpg"/></div>
    <div class="photo"><img src="008.jpg"/></div>
    <div class="photo"><img src="009.jpg"/></div>
    <div class="photo"><img src="010.jpg"/></div>

    <script type="text/javascript" src="http://ajax.googleapis.com/ajax/libs/jquery/1.7.2/jquery.min.js"></script>
    <script>
      var i=0;
      function probe_photo() {
        var src = $($(".photo img")[i]).attr("src");
        $.ajax({
          url: "?ajax=1",
          type: "POST",
          data: "src=" + escape(src),
          success: function(html) {
            $($(".photo")[i]).css("background", html);
            $($(".photo")[i]).append(html);
            i++;
            if (i < $(".photo img").length) {
              setTimeout("probe_photo();", 200);
            }
          }
        });
      }
      $(document).ready(function() {
        $(".go").click(function() {
          probe_photo();
        });
      });
    </script>
  </body>
</html>'
;
?>
Gewijzigd op 08/10/2012 11:18:29 door Kris Peeters
 
Peter  paul

peter paul

08/10/2012 12:31:20
Quote Anchor link
Aller eerst bedankt voor de reacties.

Ik ben zelf ook nog even verder gegaan met dit probleempje en ik heb het weten op te lossen. Door imagecopyresized() te vervangen voor imagecopyresampled () werkt alles perfect. Ook zag ik in mijn vereenvoudigde script nog een klein foutje, ik verwijs bij imagecolorat() naar $image dit moet uiteraard $new_image zijn. Dit had ik in mijn eigen script uiteraard wel goed.

Bedankt.
 
Ozzie PHP

Ozzie PHP

08/10/2012 12:36:29
Quote Anchor link
Kun je nog een screenshot tonen van het uiteindelijke resultaat met een paar andere plaatjes? Ik weet niet waar je het voor gaat gebruiken, maar (mocht je dit nog niet doen) je kunt die gemiddelde kleur ook eenmalig berekenen op het moment dat een foto wordt geupload. Dus niet telkens wanneer de foto getoond moet worden het script uitvoeren, maar slechts 1 keer als de foto wordt geupload. De gemiddelde kleur waarde sla je dan bij die foto op in de database.
 
Chris PHP

Chris PHP

08/10/2012 12:43:13
Quote Anchor link
@Kris,

Kun je niet beter php escapen voor dat HTML gedeelte? Waarom je server daarmee belasten?
 
Kris Peeters

Kris Peeters

08/10/2012 12:59:16
Quote Anchor link
Ja, inderdaad
 
Peter  paul

peter paul

08/10/2012 13:20:23
Quote Anchor link
http://i713.photobucket.com/albums/ww139/php_peter/ac_test2.jpg

Hier de screenshot waar je om vroeg. Je ziet het misschien niet maar de bovenste kleuren van de linker en rechter kolom zijn niet exact het zelfde. Maar dit verschil is zo minimaal dat ik het goed vind.

En ik was inderdaad van plan de kleuren op te slaan in mijn DB.
 
Kris Peeters

Kris Peeters

08/10/2012 14:03:15
Quote Anchor link
Ik was daar ooit aan begonnen met het idee om een mozaïek te maken van images

(dit soort http://www.topito.com/wp-content/uploads/2012/03/Mosaique009.jpg )

Jij ook?
 
Ozzie PHP

Ozzie PHP

08/10/2012 14:17:15
Quote Anchor link
Peter paul op 08/10/2012 13:20:23:
http://i713.photobucket.com/albums/ww139/php_peter/ac_test2.jpg
Hier de screenshot waar je om vroeg. Je ziet het misschien niet maar de bovenste kleuren van de linker en rechter kolom zijn niet exact het zelfde. Maar dit verschil is zo minimaal dat ik het goed vind.

Welke bovenste kleuren bedoel je? Ik meet exact dezelfde waardes (de achtergrond kleur). Kun je de complete code nog eens plaatsen? Misschien leuk voor anderen?
 



Overzicht Reageren

 
 

Om de gebruiksvriendelijkheid van onze website en diensten te optimaliseren maken wij gebruik van cookies. Deze cookies gebruiken wij voor functionaliteiten, analytische gegevens en marketing doeleinden. U vindt meer informatie in onze privacy statement.