मेरे पास एक वेबसाइट है जहां मैं चाहता हूं कि नेविगेशन में टेक्स्ट लिंक धुंधले हों। जब आगंतुक तब पाठ लिंक पर होवर करता है तो यह फिर से स्पष्ट हो जाता है।
मेरा विचार पीएनजी प्रारूप में पाठ लिंक को बिछाने के लिए किसी प्रकार की धुंधली छवि बनाना है।
मैंने ऐसा करने की कोशिश की है, लेकिन मेरे फोटोशॉप कौशल हीन हैं। मैं एक बना सकता था क्योंकि धुंधला सफेद काम नहीं करता है: एस
जवाबों:
एक (अर्ध) पारदर्शी पीएनजी छवि बनाने का कोई तरीका नहीं है जो इसे ओवरले करता है। यह अभी नहीं किया जा सकता है। यदि आपको वास्तव में एक गतिशील वेबसाइट की आवश्यकता है तो आप आसानी से पाठ को बदल सकते हैं, मैं एक छवि को धुंधला करने के लिए नीचे की तरह PHP स्क्रिप्ट का उपयोग करने की सलाह दूंगा। यहीं से आता है । पाठ छवि बनाने के लिए आप दूसरी PHP स्क्रिप्ट का उपयोग कर सकते हैं।
परिणाम:
<?php
function blur (&$image) {
$imagex = imagesx($image);
$imagey = imagesy($image);
$dist = 2;
for ($x = 0; $x < $imagex; ++$x) {
for ($y = 0; $y < $imagey; ++$y) {
$newr = 0;
$newg = 0;
$newb = 0;
$colours = array();
$thiscol = imagecolorat($image, $x, $y);
for ($k = $x - $dist; $k <= $x + $dist; ++$k) {
for ($l = $y - $dist; $l <= $y + $dist; ++$l) {
if ($k < 0) { $colours[] = $thiscol; continue; }
if ($k >= $imagex) { $colours[] = $thiscol; continue; }
if ($l < 0) { $colours[] = $thiscol; continue; }
if ($l >= $imagey) { $colours[] = $thiscol; continue; }
$colours[] = imagecolorat($image, $k, $l);
}
}
foreach($colours as $colour) {
$newr += ($colour >> 16) & 0xFF;
$newg += ($colour >> 8) & 0xFF;
$newb += $colour & 0xFF;
}
$numelements = count($colours);
$newr /= $numelements;
$newg /= $numelements;
$newb /= $numelements;
$newcol = imagecolorallocate($image, $newr, $newg, $newb);
imagesetpixel($image, $x, $y, $newcol);
}
}
}
echo "Image before blurring: <img src=\"blurimg.jpg\" /><br /><br />";
$im = imagecreatefromjpeg("blurimg.jpg");
blur($im);
imagejpeg($im, "blurimg2.jpg");
echo "Image blurred: <img src=\"blurimg2.jpg\" /><br />";
imagedestroy($im);
?>
मैं यहां क्या करूंगा टेक्स्ट बटन बनाऊंगा और फिर एक कॉपी या प्रभाव का उपयोग कर इन्फ्राव्यू (फ्रीवेयर, एएफआईएके, विंडोज) में एक कॉपी को ओवरलेक के प्रभाव से बचा सकता हूं, इसलिए आपके पास image1.png और image1bloub .png होगा (as एक उदाहरण)। तब आप एक रोल-ओवर प्रभाव पैदा करेंगे, ताकि जब तक आप इसे रोल-ओवर न कर दें, तब तक यह दिखाया गया हो।
इसके अलावा,> क्यों <आप ऐसा करना चाहेंगे?
आपको ठोस सफेद रंग भरने में सक्षम होना चाहिए और परत की पारदर्शिता को 100% से कम करना चाहिए।