快捷導(dǎo)航

PHP實(shí)現(xiàn)首字母（截取第一個(gè)漢字）生成頭像圖片

更新時(shí)間：2024年06月15日 12:01:02 作者：壹零柒

會(huì)員系統(tǒng)中,用戶(hù)如果不上傳自定義頭像,使用固定圖片作為頭像未免有些單調(diào),PHP可以實(shí)現(xiàn)生成用戶(hù)名首字母或者第一個(gè)漢字（第一個(gè)字符）的頭像圖片,不使用第三方API,第三方雖然圖片比較多,但是會(huì)有超時(shí)

會(huì)員系統(tǒng)中，用戶(hù)如果不上傳自定義頭像，使用固定圖片作為頭像未免有些單調(diào)。PHP可以實(shí)現(xiàn)生成用戶(hù)名首字母或者第一個(gè)漢字（第一個(gè)字符）的頭像圖片，不使用第三方API，第三方雖然圖片比較多，但是會(huì)有超時(shí)。

設(shè)計(jì)思路

定義了一個(gè)letter_avatar函數(shù)，接收一個(gè)參數(shù)$text，表示要生成頭像的文字。
使用hash函數(shù)計(jì)算出$text的哈希值，并將其解包為一個(gè)無(wú)符號(hào)長(zhǎng)整型數(shù)。
將哈希值對(duì)360取余得到一個(gè)色相值$hue。
使用hsv2rgb函數(shù)將色相、飽和度和亮度轉(zhuǎn)換為RGB分量值。
根據(jù)RGB值生成背景顏色$bg。
設(shè)定文字顏色$color為白色。
使用mb_strtoupper函數(shù)將$text的首字母轉(zhuǎn)為大寫(xiě)。
使用SVG語(yǔ)法生成一個(gè)正方形的背景和一個(gè)居中的文字。
使用base64_encode函數(shù)將SVG代碼轉(zhuǎn)為Base64編碼。
將Base64編碼和前綴data:image/svg+xml;base64,拼接成完整的圖片路徑。
返回生成的圖片路徑。注意：這段代碼只是生成了一個(gè)頭像圖片的路徑，并沒(méi)有將圖片輸出到頁(yè)面中。如果要在頁(yè)面中顯示頭像，需要將生成的圖片路徑作為<img>標(biāo)簽的src屬性值。

完整代碼

//1、方法調(diào)用測(cè)試
letter_avatar("hello")

//2、生成圖片方法
function letter_avatar($text)
{
    $total = unpack('L', hash('adler32', $text, true))[1];
    $hue = $total % 360;
    list($r, $g, $b) = hsv2rgb($hue / 247, 0.3, 0.9);

    $bg = "rgb(247,186,11)";

    $color = "#ffffff";
    $first = mb_strtoupper(mb_substr($text, 0, 1));

    $src = base64_encode('<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="100" width="100"><rect fill="' . $bg . '" x="0" y="0" width="100" height="100"></rect><text x="50" y="50" font-size="50" text-copy="fast" fill="' . $color . '" text-anchor="middle" text-rights="admin" dominant-baseline="central">' . $first . '</text></svg>');

    // 確保圖片保存的路徑存在
    $tempPath = WEB_PATH . 'temp' . DS . 'avatar' . DS;
    $filename = md5('avatar_' . uniqid());

    // 生成圖片鏈接
    return base64_to_image_url('data:image/svg+xml;base64,' . $src, $tempPath, $filename);
}
</details>

//3、生成https訪(fǎng)問(wèn)鏈接
function base64_to_image_url($base64_string, $output_folder, $image_name)
{
    $data = substr($base64_string, strpos($base64_string, ',') + 1);

    // 對(duì)數(shù)據(jù)進(jìn)行Base64解碼
    $fileData = base64_decode($data);

    // 創(chuàng)建輸出目錄如果它不存在
    if (!file_exists($output_folder)) {
        mkdir($output_folder, 0755, true);
    }

    // 將解碼后的數(shù)據(jù)保存到文件
    $file = $output_folder . $image_name . '.svg';

    if (file_put_contents($file, $fileData)) {
        // 返回圖片的URL
        return base_url() . 'temp' . DS . 'avatar' . DS . $image_name. '.svg';
    }
    return false;
}

//4、RGB
function hsv2rgb($h, $s, $v)
{
    $r = $g = $b = 0;

    $i = floor($h * 6);
    $f = $h * 6 - $i;
    $p = $v * (1 - $s);
    $q = $v * (1 - $f * $s);
    $t = $v * (1 - (1 - $f) * $s);

    switch ($i % 6) {
        case 0:
            $r = $v;
            $g = $t;
            $b = $p;
            break;
        case 1:
            $r = $q;
            $g = $v;
            $b = $p;
            break;
        case 2:
            $r = $p;
            $g = $v;
            $b = $t;
            break;
        case 3:
            $r = $p;
            $g = $q;
            $b = $v;
            break;
        case 4:
            $r = $t;
            $g = $p;
            $b = $v;
            break;
        case 5:
            $r = $v;
            $g = $p;
            $b = $q;
            break;
    }

    return [
        floor($r * 255),
        floor($g * 255),
        floor($b * 255)
    ];
}