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 * |
#2 · Zasláno: 26. 11. 2016, 16:07:18
<div id="mojeid">12123123</div>
document.getElementById("mojeid").style.boxShadow = "0 0 5px #999999" |
||
Časová prodleva: 8 let
|
0