| 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: 9 let
|
|||
0