현재 위치: 홈> 최신 기사 목록> ImageFilledRectangle을 사용하여 간단한 그래픽 버튼을 만드는 방법은 무엇입니까?

ImageFilledRectangle을 사용하여 간단한 그래픽 버튼을 만드는 방법은 무엇입니까?

M66 2025-06-24

ImageFilledRectangle을 사용하여 간단한 그래픽 버튼을 만드는 방법은 무엇입니까?

PHP에서는 GD 라이브러리를 통해 이미지를 조작 할 수 있으며 ImageFilledRectangle () 함수는 GD 라이브러리에서 사각형 영역을 그리는 데 사용되는 기능입니다. 사각형을 그릴 수있을뿐만 아니라 간단한 그래픽 버튼을 만드는 데 사용됩니다. 다양한 색상과 모양을 결합하여 버튼, 배경 등과 같은 인터페이스 요소를 생성 할 수 있습니다.

이 기사에서는 ImageFilledRectangle () 함수를 사용하여 간단한 그래픽 버튼을 만들고 PHP 코드를 통해 이미지를 생성하는 방법을 보여줍니다.

1. 환경을 설정하십시오

먼저 PHP 환경에서 GD 라이브러리가 활성화되어 있는지 확인하십시오. 다음 코드를 따라 GD 라이브러리가 활성화되어 있는지 확인할 수 있습니다.

 <span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-keyword">if</span></span><span> (</span><span><span class="hljs-title function_ invoke__">function_exists</span></span><span>(</span><span><span class="hljs-string">'gd_info'</span></span><span>)) {
    </span><span><span class="hljs-keyword">echo</span></span><span> </span><span><span class="hljs-string">'GD라이브러리가 활성화되었습니다'</span></span><span>;
} </span><span><span class="hljs-keyword">else</span></span><span> {
    </span><span><span class="hljs-keyword">echo</span></span><span> </span><span><span class="hljs-string">'GD라이브러리가 활성화되지 않았습니다'</span></span><span>;
}
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>

"GD 라이브러리가 활성화 된"메시지가 반환되면 이미지 생성 코드를 계속 작성할 수 있음을 의미합니다. GD 라이브러리가 활성화되지 않은 경우 Php.ini에서 활성화하거나 PHP를 설치할 때 GD 라이브러리를 포함하도록 선택해야합니다.

2. 그래픽 버튼 생성을위한 기본 아이디어

ImageFilledRectangle ()을 사용하여 사각형을 그리고 다른 배경색과 테두리 색상을 동시에 선택하여 간단한 버튼을 만듭니다. 또한 버튼을보다 대화식으로 만들기 위해 사각형에 텍스트를 추가 할 수 있습니다.

3. 코드를 작성하십시오

다음은 ImageFilledRectangle ()을 사용하여 그래픽 버튼을 만들기위한 전체 예제 코드입니다.

 <span><span><span class="hljs-meta">&lt;?php</span></span><span>
</span><span><span class="hljs-comment">// 진정한 색상 이미지를 만듭니다</span></span><span>
</span><span><span class="hljs-variable">$image</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecreatetruecolor</span></span><span>(</span><span><span class="hljs-number">200</span></span><span>, </span><span><span class="hljs-number">50</span></span><span>);

</span><span><span class="hljs-comment">// 배경색을 설정하십시오</span></span><span>
</span><span><span class="hljs-variable">$bgColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>); </span><span><span class="hljs-comment">// 파란색</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefill</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-variable">$bgColor</span></span><span>);

</span><span><span class="hljs-comment">// 버튼 색상을 설정합니다</span></span><span>
</span><span><span class="hljs-variable">$buttonColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">0</span></span><span>); </span><span><span class="hljs-comment">// 녹색</span></span><span>

</span><span><span class="hljs-comment">// 직사각형 버튼을 그립니다</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagefilledrectangle</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">10</span></span><span>, </span><span><span class="hljs-number">10</span></span><span>, </span><span><span class="hljs-number">190</span></span><span>, </span><span><span class="hljs-number">40</span></span><span>, </span><span><span class="hljs-variable">$buttonColor</span></span><span>);

</span><span><span class="hljs-comment">// 텍스트 색상을 설정하십시오</span></span><span>
</span><span><span class="hljs-variable">$textColor</span></span><span> = </span><span><span class="hljs-title function_ invoke__">imagecolorallocate</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>, </span><span><span class="hljs-number">255</span></span><span>); </span><span><span class="hljs-comment">// 하얀색</span></span><span>

</span><span><span class="hljs-comment">// 버튼에 텍스트를 추가하십시오</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagestring</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>, </span><span><span class="hljs-number">5</span></span><span>, </span><span><span class="hljs-number">70</span></span><span>, </span><span><span class="hljs-number">15</span></span><span>, </span><span><span class="hljs-string">'여기를 클릭하십시오'</span></span><span>, </span><span><span class="hljs-variable">$textColor</span></span><span>);

</span><span><span class="hljs-comment">// 브라우저에 이미지를 출력합니다</span></span><span>
</span><span><span class="hljs-title function_ invoke__">header</span></span><span>(</span><span><span class="hljs-string">'Content-Type: image/png'</span></span><span>);
</span><span><span class="hljs-title function_ invoke__">imagepng</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);

</span><span><span class="hljs-comment">// 기억을 청소하십시오</span></span><span>
</span><span><span class="hljs-title function_ invoke__">imagedestroy</span></span><span>(</span><span><span class="hljs-variable">$image</span></span><span>);
</span><span><span class="hljs-meta">?&gt;</span></span><span>
</span></span>

4. 코드 파싱

  1. 이미지 자원 생성 : imageCreatetRueColor ()는 200x50 픽셀의 이미지를 만듭니다. 버튼의 캔버스 역할을합니다.

  2. 배경색 설정 : 이미지의 배경색을 설정하여 여기에서 파란색으로 설정된 이미지의 배경색을 설정합니다 (rgb : 0, 0, 255). 그런 다음 ImageFill () 함수를 사용하여 배경을 채우십시오.

  3. 버튼 사각형 그리기 : imageFilledRectangle ()을 통해 녹색 사각형을 그립니다. 버튼의 본문 역할을합니다. 사각형의 좌표는 (10, 10)에서 (190, 40), 즉 왼쪽 상단 코너 좌표 및 하단 오른쪽 코너 좌표 범위입니다.

  4. 버튼 텍스트 추가 : Imagestring () 함수를 통해 버튼에 텍스트를 추가하십시오. 우리는 흰색 텍스트를 선택하고 중앙에있었습니다.

  5. 출력 이미지 : Header ()는 이미지의 MIME 유형을 설정하는 데 사용됩니다. ImagePng () 는 이미지를 출력합니다. 마지막으로, ImageStroy ()를 사용하여 메모리 누출을 피하기 위해 메모리를 정리하십시오.

5. 개선 및 사용자 정의

이 간단한 버튼은 필요에 따라 개선 및 사용자 정의 할 수 있습니다.

  • 테두리 : ImageRectangle () 함수를 통해 버튼에 테두리를 추가하여 버튼을보다 명확하게 만들 수 있습니다.

  • 버튼 크기 : 실제 요구에 따라 사각형의 크기를 변경하고 버튼의 너비와 높이 비율을 조정할 수 있습니다.

  • 동적 컨텐츠 : imagestring ()은 버튼의 텍스트를 수정하고 imageTtftext ()를 사용하여 Truetype 글꼴을 사용하여 더 풍부한 텍스트 스타일을 얻을 수 있습니다.

  • 그라디언트 효과 : GD 라이브러리의 다른 기능 (예 : ImageFilledPolygon () )을 사용하여 구배 배경, 둥근 사각형 및 기타 효과를 달성하여 버튼의 시각적 효과를 향상시킵니다.

6. 요약

이 기사에서는 PHP에서 ImageFilledRectangle () 함수를 통해 간단한 그래픽 버튼을 만드는 방법에 대해 설명합니다. 이 버튼에는 HTML 및 CSS의 복잡한 스타일과 상호 작용이 없지만 PHP를 통해 동적으로 이미지를 생성하는 간단하고 효율적인 방법을 제공합니다. 추가 사용자 정의 및 개선으로보다 개인화 된 버튼을 만들고 웹 사이트에 그래픽 요소를 추가 할 수도 있습니다.

관련 콘텐츠