PHPとGDライブラリを使って角丸画像を実現する方法

WBOY
リリース: 2023-07-12 09:26:01
オリジナル
1820 人が閲覧しました

PHP および GD ライブラリを使用して角の丸い画像を実装する方法

はじめに
Web デザインでは、ページの外観を美しくするために角の丸い画像を使用する必要がある場合があります。この記事では、PHPとGDライブラリを使って丸みのある画像を実装する方法を紹介します。

GD ライブラリは、PHP 拡張ライブラリの 1 つであり、画像処理のための一連の関数を提供します。 GD ライブラリを使用すると、画像のトリミング、サイズ変更、フィルターの追加などを行うことができます。丸みを帯びた画像を実現するには、画像処理用の GD ライブラリのいくつかの関数を使用する必要があります。

手順
以下は、角の丸い画像を実装するための具体的な手順です:

  1. 画像の読み込み
    最初に、GD の imagecreatefromXXX() 関数を使用する必要があります。画像を読み込むライブラリ。 XXX は画像の形式を表し、JPEG、PNG、GIF などを指定できます。たとえば、imagecreatefromjpeg() 関数を使用して JPEG 画像をロードします。
  2. キャンバスの作成
    キャンバスを作成するには、imagecreatetruecolor() 関数を使用できます。この関数は、キャンバスの幅と高さの 2 つのパラメータを受け入れます。
  3. 角丸長方形の描画
    次に、GD ライブラリの関数を使用して角丸長方形を作成する必要があります。まず、imagefilledrectangle() 関数を使用して実線の四角形を描画し、次に imagefilledellipse() 関数を使用して 4 つの円弧を描画し、丸い角の効果を作成します。
  4. 画像をトリミングする
    次に、角が丸い効果を実現するために画像をトリミングする必要があります。 imagecopy() 関数または imagecopyresampled() 関数を使用して、キャンバス内の角丸四角形を通して元の画像を切り抜きます。
  5. 画像を保存する
    最後に、imagejpeg()、imagepng()、または imagegif() 関数を使用して、処理された画像を特定のフォルダーに保存できます。

コード例

以下は、PHP および GD ライブラリを通じて丸みを帯びた画像を実装するサンプル コードです:

// 画像の読み込み
$source = imagecreatefromjpeg('source.jpg');

// 画像サイズを取得します
$source_width = imagex($source);
$source_height = imagesy($source) ;

// キャンバスを作成します
$canvas = imagecreatetruecolor($source_width, $source_height);

// 背景色を作成します
$background = imagecolorallocate($canvas, 255, 255 , 255);

// 背景色を塗りつぶします
imagefill($canvas, 0, 0, $background);

// 角丸長方形を作成します
$radius = 50 ; // フィレットの半径
$corner_width = $radius * 2;
$corner_height = $radius * 2;

// 左上隅
imagefilledellipse($canvas, $radius, $radius, $corner_width, $corner_height, $background);
// 右上隅
imagefilledellipse($canvas, $source_width - $radius, $radius, $corner_width, $corner_height, $background) ;
// 左下隅
imagefilledellipse($canvas, $radius, $source_height - $radius, $corner_width, $corner_height, $background);
// 右下隅
imagefilledellipse($ Canvas, $source_width - $ radius, $source_height - $radius, $corner_width, $corner_height, $background);

// 画像をトリミングします
imagecopy($canvas, $source, $radius, 0 , $radius, 0, $source_width - $corner_width, $source_height); // Top
imagecopy($canvas, $source, 0, $radius, 0, $radius, $source_width, $source_height - $corner_height); // 左側
imagecopy($canvas, $source, $source_width - $corner_width, $radius, $source_width - $corner_width, $radius, $corner_width, $source_height - $corner_height); // 右側
imagecopy($canvas, $source , $radius, $source_height - $corner_height, $radius, $source_height - $corner_height, $source_width - $corner_width, $corner_height); // Bottom

// 画像を保存
imagejpeg($canvas, 'output.jpg');

// メモリを解放します
imagedestroy($source);
imagedestroy($canvas);
?>

まとめ
上記の手順を実装すると、PHP および GD ライブラリを使用して丸みのある画像を作成できます。 GD ライブラリの機能を使用すると、画像の読み込み、キャンバスの作成、角丸四角形の描画、画像のトリミング、そして最終的に結果の保存を行うことができます。この方法を使用すると、さまざまな角の丸い画像を作成でき、Web デザインにさらなる美しさを加えることができます。

以上がPHPとGDライブラリを使って角丸画像を実現する方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。

ソース:php.cn
このウェブサイトの声明
この記事の内容はネチズンが自主的に寄稿したものであり、著作権は原著者に帰属します。このサイトは、それに相当する法的責任を負いません。盗作または侵害の疑いのあるコンテンツを見つけた場合は、admin@php.cn までご連絡ください。
最新の問題
人気のチュートリアル
詳細>
最新のダウンロード
詳細>
ウェブエフェクト
公式サイト
サイト素材
フロントエンドテンプレート