Php-mysql Course

Here is how to create an image in PHP with background in two colors. First create a background for the image, with imagefill() function, then draw a rectangle on the half of the image, with imagefilledrectangle() function.
Three examples are presented in this page, with the colors for background displayed: horizontally, vertically, and diagonally (on half-diagonal).

1. - Example, PNG image with background in red and white, horizontally. The image is displayed directly in browser.
<?php
// https://coursesweb.net/php-mysql/

// Create a 160x80 image
$width = 160;
$height = 80;
$im = imagecreatetruecolor($width, $height);

// sets red color for background
$red = imagecolorallocate($im, 255, 0, 0);
imagefill($im, 0, 0, $red);

// sets and draw a white rectangle
$white = imagecolorallocate($im, 255, 255, 255);
imagefilledrectangle($im, 0, $height/2, $width, $width/2, $white);

// sets and adds a text
$text = 'CoursesWeb.net';
$text_color = imagecolorallocate($im, 0, 1, 255);
imagestring($im, 5, 12, $height/3.3, $text, $text_color);

// Display directly the image
header('Content-Type: image/png');
imagepng($im);
?>
Results:
PHP image in two colors horizontally
2. - Another example, PNG image with background in two colors, vertically. The image is saved on server.
<?php
// https://coursesweb.net/php-mysql/

// Create a 160x80 image
$width = 160;
$height = 80;
$im = imagecreatetruecolor($width, $height);

// sets a color for background
$red = imagecolorallocate($im, 80, 120, 250);
imagefill($im, 0, 0, $red);

// sets and draw a green rectangle in left half
$white = imagecolorallocate($im, 0, 245, 1);
imagefilledrectangle($im, 0, 0, $width/2, $height, $white);

// sets and adds a red text
$text = 'CoursesWeb.net';
$text_color = imagecolorallocate($im, 225, 0, 1);
imagestring($im, 5, 12, $height/3, $text, $text_color);

// Saves the image in 'imgs' folder
imagepng($im, 'addons/php-mysql/image.png');
?>
Results:
PHP image in two colors vertically
3. To create the background with two colors on half-diagonal, draw a triangle on the image, on the half-diagonal, with the imagefilledpolygon() function.
- Example:
<?php
// https://coursesweb.net/

// Create a 160x80 image
$width = 160;
$height = 80;
$im = imagecreatetruecolor($width, $height);

// sets red color for background
$red = imagecolorallocate($im, 255, 0, 0);
imagefill($im, 0, 0, $red);

// sets and draw a green triangle on the half-diagonal
$white = imagecolorallocate($im, 8, 235, 9);
imagefilledpolygon($im, array(0, 0, 0, $height, $width, $height), 3, $white);

// sets and adds a text
$text = 'CoursesWeb.net';
$text_color = imagecolorallocate($im, 0, 1, 255);
imagestring($im, 5, 12, $height/3.3, $text, $text_color);

// Saves the image in 'imgs' folder
imagepng($im, 'addons/php-mysql/image.png');
?>
Results:
PHP image in two colors diagonally

Daily Test with Code Example

HTML
CSS
JavaScript
PHP-MySQL
Which tag create a highlighted bolded text?
<q> <strong> <em>
<p>Address: <strong>http://CoursesWeb.net/</strong> - Tutorials.</p>
Which of these CSS codes displays the text bolded?
text-size: 18px; font-style: italic; font-weight: 800;
#id {
  font-weight: 800;
}
What JavaScript function can be used to call another function multiple times, to a specified time interval?
setInterval() setTimeout() push()
function someFunction() { alert("CoursesWeb.net"); }
setInterval("someFunction()", 2000);
Click on the correctly defined variable in PHP.
var vname = 8; $vname = 8; $vname == 8;
$vname = 8;
echo $vname;
Image in PHP with background in two colors

Last accessed pages

  1. Convert XML to JSON in JavaScript (25335)
  2. Multiple Select Dropdown List with JavaScript (11385)
  3. CSS Rhombus Shape (5415)
  4. CSS cursor property - Custom Cursors (4536)
  5. Ajax-PHP Chat Script (46246)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (688)
  2. SHA256 Encrypt hash in JavaScript (645)
  3. Read Excel file data in PHP - PhpExcelReader (616)
  4. PHP Unzipper - Extract Zip, Rar Archives (596)
  5. Create simple Website with PHP (595)