Web 開発では、グラフィックを使用して Web サイトの視覚効果を向上させることが主流の手法となっています。さまざまな不規則なグラフィックを動的に生成して塗りつぶすことは、Web ページ上で視覚効果を実現するための主流のテクノロジーの 1 つです。この記事では、PHPを使用して不規則なグラフィックを塗りつぶす方法を紹介します。
まず、塗りつぶしグラフィックの一般的なタイプを見てみましょう。
ソリッド グラフィックは、実際の色と形状を持つグラフィックです。このようなグラフィックは、視覚的な面白さを加えるために、Web サイトのロゴやその他の領域で頻繁に使用されます。
グラデーション グラフィックスは、色が徐々に変化するグラフィックスです。この種のグラフィックは、Web サイトをより芸術的に見せ、ユーザーの優れたエクスペリエンスに貢献します。
パターン グラフィックは、曲線、垂直、水平などのさまざまな方向の一連のパターンが織り込まれたグラフィックです。パターングラフィックは背景領域によく使用されます。
この記事では、次の内容を通じて、PHP を使用してこれら 3 つの異なるタイプの不規則なグラフィックを塗りつぶす方法を読者に紹介します。
//创建一个画布并设置画布的宽和高 $img = imagecreatetruecolor(200, 200); //设置画布颜色RGB值 $color = imagecolorallocate($img, 255, 255, 255); //将画布颜色填充到画布中 imagefill($img, 0, 0, $color); //在画布上创建一个实体图形,设置其颜色 $rectColor = imagecolorallocate($img, 0, 0, 255); imagefilledrectangle($img, 0, 0, 200, 200, $rectColor); //将背景图像应用到网站的主体部分 echo '<body style="background: url(\''.imagepng($img).'\')">';
//创建具有渐变颜色的实体图形 $gradImg = imagecreate(200, 200); for($i=0;$i<=255;$i++){ //设置渐变图形的颜色 $color = imagecolorallocate($gradImg, $i, $i, $i); imagefilledrectangle($gradImg, 0, $i, 200, $i+1, $color); } //将渐变图像应用到网站的主体部分 echo '<body style="background: url(\''.imagepng($gradImg).'\')">';
//创建一个具有纹理的画布 $textureImg = imagecreatefrompng("texture.png"); $img = imagecreatetruecolor(150,150); imagecopyresampled($img, $textureImg, 0, 0, 0, 0, 150, 150, imagesx($textureImg), imagesy($textureImg)); //将画布背景应用在网站的主体部分 echo '<body style="background: url(\''.imagepng($img).'\')">';
以上がPHP を使用して不規則なグラフィックを塗りつぶす方法の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。