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 is used to include external CSS file in web page?
<body> <script> <link>
<link href="/templ/style.css" rel="stylesheet" type="text/css" />
Which CSS property sets the text size?
font-weight text-decoration font-size
h2 {
  font-size: 1em;
}
Indicate the JavaScript property that can add HTML code into an element.
text value innerHTML
document.getElementById("someID").innerHTML = "HTML content";
Click on the function that returns the number of characters of a string in PHP.
count() strlen() stristr()
$str = "http://CoursesWeb.net/";
$nr_chr = strlen($str);
echo $nr_chr;       // 22
Image in PHP with background in two colors

Last accessed pages

  1. The School for Gods (5803)
  2. Numbers and Math in ActionScript 3 (4283)
  3. For loops in ActionScript (4462)
  4. Days between two dates, or of a specified week, in PHP MySQL (3633)
  5. Change CSS file with jQuery (5373)

Popular pages this month

  1. Courses Web: PHP-MySQL JavaScript Node.js Ajax HTML CSS (334)
  2. Read Excel file data in PHP - PhpExcelReader (128)
  3. The Four Agreements (98)
  4. PHP Unzipper - Extract Zip, Rar Archives (96)
  5. The Mastery of Love (90)
Chat
Chat or leave a message for the other users
Full screenInchide