Autor Zpráva
JetamCZ
Profil
Dobrý den,
bohužel neumím moc js a snažím se o jednu věc a to abych když zadal obrázek tak mi to našlo jeho barvu a tu následně nastavilo jako box-shadow. zastavil jsem se však až v té poslední fázi a to nastavení toho stylu.

Zjištění img:data a výpis obrázku
        <?php
        $path = 'http://localhost:8090/img/logos/CrossCafe.jpg';
        $type = pathinfo($path, PATHINFO_EXTENSION);
         $data = file_get_contents($path);
        $base64 = 'data:image/' . $type . ';base64,' . base64_encode($data);
        echo('<img src="'.$base64.'" id="obrazek">');        
        ?>

Zjištění barvy: a nastavení barvy na pozadí.
 <canvas id="cc" style="display: none"></canvas>

<script>
function barvaObrazku(img) {
    var canvas = document.getElementById("cc");
    var ctx = canvas.getContext("2d");
    canvas.width = 1;
    canvas.height = 1;
    ctx.drawImage(img, 0, 0, 1, 1);
    var pixel = ctx.getImageData(0, 0, 1, 1);
    var p = pixel.data; 
    var barva = p[0] + "," + p[1] + "," + p[2];    
    return "rgb(" + barva + ")";
}
document.body.style.background = barvaObrazku(obrazek);
</script>

Potřeboval bych tedy aby místo document.element.style.background = barvaObrazku(obrazek); nastavilo do divu ve kterém se nachází box-shadow.

Předem díky za věškeré odpovědi. (vytváŕím to z návodu na Zjištění barvy obrázku .
facee
Profil *
<div id="mojeid">12123123</div>
document.getElementById("mojeid").style.boxShadow = "0 0 5px #999999"

Vaše odpověď


Prosím používejte diakritiku a interpunkci.

Ochrana proti spamu. Napište prosím číslo dvě-sta čtyřicet-sedm:

0