현재 위치: > 최신 기사 목록> ImageFontWidth ()에 따라 이미지 너비를 동적으로 조정하는 방법

ImageFontWidth ()에 따라 이미지 너비를 동적으로 조정하는 방법

M66 2025-05-29

PHP를 사용하여 이미지를 생성 할 때 텍스트가 완전히 표시되고 레이아웃이 아름답 지 않도록 텍스트 내용의 길이에 따라 이미지의 너비를 동적으로 조정해야합니다. ImageFontWidth () 함수는이 기능을 구현하는 데 중요한 도구입니다. 이 기사에서는 ImageFontWidth () 함수를 사용하여 텍스트 너비를 동적으로 계산하여 오른쪽 너비의 이미지를 생성하는 방법을 자세히 소개합니다.

1. ImageFontWidth () 함수는 무엇입니까?

ImageFontWidth () 는 PHP GD 라이브러리의 함수로 지정된 내장 글꼴의 픽셀로 문자 너비를 얻는 기능입니다. 그것의 인수는 글꼴의 수를 나타내는 정수이며, 반환 값은 글꼴의 단일 문자의 너비입니다.

내장 글꼴의 수는 1에서 5까지, 수는 클수록 글꼴이 클수록 더 큽니다.

기능 프로토 타입 :

 int imagefontwidth(int $font);

2. 이미지 너비를 동적으로 조정하기위한 아이디어

  • 먼저 사용할 글꼴 및 글꼴 크기를 결정하십시오 (여기에는 내장 글꼴, 번호 1 ~ 5).

  • ImageFontWidth ()를 사용하여 단일 문자 너비를 얻으십시오.

  • 문자열의 길이 : 텍스트 길이 × 문자 너비 에 따라 전체 텍스트의 픽셀 너비를 계산하십시오.

  • 이미지에 적절한 패딩을 남겨 두십시오.

  • 계산 된 너비로 이미지를 만듭니다.

  • 이미지에 텍스트를 작성하십시오.

이렇게하면 텍스트 길이에 자동으로 적응하는 효과가 달성됩니다.

3. 샘플 코드

 <?php
// 표시 할 텍스트
$text = "동적 이미지 너비 조정의 예";

// 내장 글꼴을 선택하십시오(1 도착하다 5)
$font = 5;

// 글꼴 너비와 높이를 얻으십시오
$fontWidth = imagefontwidth($font);
$fontHeight = imagefontheight($font);

// 텍스트 너비를 계산합니다(문자 수 × 단일 문자 너비)
$textWidth = strlen($text) * $fontWidth;

// 여백을 설정하십시오
$padding = 10;

// 이미지를 만듭니다,너비는 텍스트 너비입니다 + 양면 사이의 경계 거리,높이는 글꼴 높이입니다 + 위아래의 여백
$imageWidth = $textWidth + 2 * $padding;
$imageHeight = $fontHeight + 2 * $padding;

$image = imagecreate($imageWidth, $imageHeight);

// 색상 설정
$backgroundColor = imagecolorallocate($image, 255, 255, 255); // 흰색 배경
$textColor = imagecolorallocate($image, 0, 0, 0); // 검은 텍스트

// 输出文本도착하다图像,위치는 마진 오프셋입니다
imagestring($image, $font, $padding, $padding, $text, $textColor);

// 输出图像도착하다浏览器
header("Content-Type: image/png");
imagepng($image);

// 자원을 자유롭게합니다
imagedestroy($image);
?>

위의 코드는 텍스트 길이를 기준으로 이미지 너비를 동적으로 계산하여 전체 텍스트 표시를 보장하는 방법을 보여줍니다.

4. 응용 프로그램을 확장하십시오

  • 높이는 ImageFonTeight () 와 함께 계산 될 수 있으며 높이를 동적으로 조정할 수 있습니다.

  • 여러 줄의 텍스트 라인을 지원하고 각 텍스트 라인을 통해 반복하고 최대 너비를 계산합니다.

  • 다른 이미지 기능과 결합하여보다 복잡한 동적 레이아웃 효과가 달성됩니다.

5. 요약

ImageFontWidth () 는 PHP GD 라이브러리에서 내장 글꼴 너비를 계산하기위한 핵심 기능입니다. 문자열 길이와 결합하여 텍스트 너비 적응 형 이미지 크기를 쉽게 얻을 수 있습니다. 이 기술을 마스터하면 더 아름답고 유연한 동적 텍스트 이미지를 생성 할 수 있습니다.