achtergrond kleur veranderen png
Alleen, de achtergrond van het png plaatje is zwart en ik zou dat graag wit hebben. hoe doe ik dat?
Code (php)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
57
58
59
60
61
62
63
64
65
66
67
68
69
70
71
72
73
74
75
76
77
78
79
80
81
82
83
84
85
86
87
88
89
90
91
92
93
94
95
96
97
98
99
100
101
102
103
104
105
106
107
108
109
110
111
112
113
114
115
116
117
118
119
120
121
122
123
124
125
126
127
128
129
130
131
132
133
134
135
136
137
138
139
140
141
142
143
144
145
146
147
148
149
150
151
152
153
<?php
// PHP Graph - find updates and more at: http://www.puremango.co.uk/2005/08/php_graph_18/
// generate random numbers for graph
$seed = rand(200,450);
// for the demo:
$amounts = Array(
"Optie A: "=>rand(0,$seed),
"Optie B: "=>rand(0,$seed),
"Optie C: "=>rand(0,$seed),
"Optie D: "=>rand(0,$seed),
"Optie E: "=>rand(0,$seed),
"TOTAAL : "=>rand(0,$seed),
);
// or for 'real' use:
// $amounts = $_SESSION['amounts'];
// where the page with the <img src="graph.php"> sets up the $amounts array and stores in the session.
// sort amounts (lowest>highest)
if(rand(0,1)>0.5) {
asort($amounts);
}
// user defined vars:
// all measurements are in pixels
// any less than 12 will cut off the text
$bar_height = rand(12,20);
// how many pixels to leave between bars (vertically)
$bar_spacing = rand(1,10);
// set grid spacing, any less than 25 will fudge the text. min 50 is preferable.
$valid_spacings = Array(50,100,150);
$grid_space = $valid_spacings[rand(0,count($valid_spacings)-1)];
// amount of space to give for bar titles (horizontally)
$bar_title_space = 70;
// (optional) title of graph
$graph_title = "Graph of random stuff. Refresh for more.";
// vertical space to leave for title
$graph_title_space = 20;
// (optional) graph footer
$graph_footer = "Coded By Howard Yeend. puremango.co.uk";
// vertical space to leave for footer
$graph_footer_space = 20;
// colour of bars
// 0=red, 1=green, 2=blue, 3=random
$bar_colour = rand(0,2);
// end setup
// calculate required width and height of image
$pic_width = $bar_title_space+max($amounts)+($grid_space*1.5);
$pic_height = ($bar_height+$bar_spacing+2)*sizeof($amounts)+20+$graph_title_space+$graph_footer_space;
// create image
$pic = ImageCreate($pic_width+1,$pic_height+1);
// allocate colours
$white = ImageColorAllocate($pic,255,255,255);
$grey = ImageColorAllocate($pic,200,200,200);
$lt_grey = ImageColorAllocate($pic,210,210,210);
$black = ImageColorAllocate($pic,0,0,0);
// fill background of image with white
ImageFilledRectangle($pic,0,0,$pic_width,$pic_height,$white);
// draw graph title
ImageString($pic,5,($pic_width/2)-(strlen($graph_title)*5),0,$graph_title,$black);
// draw graph footer
ImageString($pic, 2,($pic_width/2)-(strlen($graph_footer)*3),$pic_height-$graph_footer_space, $graph_footer, $grey);
// draw grid markers
for($x_axis=$bar_title_space ; ($x_axis-$bar_title_space)<max($amounts)+$grid_space ; $x_axis+=$grid_space) {
// draw vertical grid marker
ImageLine($pic,$x_axis,$graph_title_space,$x_axis,$pic_height-$graph_footer_space,$grey);
// draw horizontal line above grid numbers
ImageLine($pic,$x_axis,($pic_height-$graph_footer_space-25),$x_axis-($bar_title_space+$grid_space),($pic_height-$graph_footer_space-25),$grey);
// draw grid numbers
ImageString($pic, 3, $x_axis+5, ($pic_height-$graph_footer_space-20), $x_axis-($bar_title_space), $black);
}
// draw bars
$y_axis=$graph_title_space;
if($bar_colour!=3) {
// for a nice smooth fade of colour.
$col = 180;
$decrement = intval($col/count($amounts));
}
foreach($amounts as $key=>$amount) {
// write the bar title
ImageString($pic, 2, ($bar_title_space-(strlen($key)*6)), $y_axis, $key, $black);
// allocate a colour for this bar
if($bar_colour==3) {
// random colour
$tempCol = ImageColorAllocate($pic,rand(50,200),rand(50,200),rand(50,200));
} else {
$col -= $decrement;
if($bar_colour==0) {
// faded red
$tempCol = ImageColorAllocate($pic,255,$col,$col);
} else if($bar_colour==1) {
// faded green
// 200 because green just looks too bright otherwise
$tempCol = ImageColorAllocate($pic,$col,200,$col);
} else if($bar_colour==2) {
// faded blue
$tempCol = ImageColorAllocate($pic,$col,$col,255);
}
}
// draw the bar
ImageFilledRectangle($pic,($bar_title_space+1),$y_axis,$amount+$bar_title_space,($y_axis+$bar_height),$tempCol);
if(($amount)<15) {
// if it's a tiny amount, write the amount outside the bar in black
ImageString($pic, 2, ($amount+3)+$bar_title_space, $y_axis, $amount, $black);
} else {
// or if over 20, write the amount inside the bar in white
// the strlen stuff is to ensure number is aligned with the end of the bar. works quite well, too.
ImageString($pic, 2, ($amount-(strlen($amount)*6))+$bar_title_space, $y_axis, $amount, $white);
}
// move down
$y_axis+=($bar_spacing+1)+$bar_height;
}
header("Content-type: image/png");
// output image
ImagePNG($pic);
// remove image from memory
ImageDestroy($pic);
?>
// PHP Graph - find updates and more at: http://www.puremango.co.uk/2005/08/php_graph_18/
// generate random numbers for graph
$seed = rand(200,450);
// for the demo:
$amounts = Array(
"Optie A: "=>rand(0,$seed),
"Optie B: "=>rand(0,$seed),
"Optie C: "=>rand(0,$seed),
"Optie D: "=>rand(0,$seed),
"Optie E: "=>rand(0,$seed),
"TOTAAL : "=>rand(0,$seed),
);
// or for 'real' use:
// $amounts = $_SESSION['amounts'];
// where the page with the <img src="graph.php"> sets up the $amounts array and stores in the session.
// sort amounts (lowest>highest)
if(rand(0,1)>0.5) {
asort($amounts);
}
// user defined vars:
// all measurements are in pixels
// any less than 12 will cut off the text
$bar_height = rand(12,20);
// how many pixels to leave between bars (vertically)
$bar_spacing = rand(1,10);
// set grid spacing, any less than 25 will fudge the text. min 50 is preferable.
$valid_spacings = Array(50,100,150);
$grid_space = $valid_spacings[rand(0,count($valid_spacings)-1)];
// amount of space to give for bar titles (horizontally)
$bar_title_space = 70;
// (optional) title of graph
$graph_title = "Graph of random stuff. Refresh for more.";
// vertical space to leave for title
$graph_title_space = 20;
// (optional) graph footer
$graph_footer = "Coded By Howard Yeend. puremango.co.uk";
// vertical space to leave for footer
$graph_footer_space = 20;
// colour of bars
// 0=red, 1=green, 2=blue, 3=random
$bar_colour = rand(0,2);
// end setup
// calculate required width and height of image
$pic_width = $bar_title_space+max($amounts)+($grid_space*1.5);
$pic_height = ($bar_height+$bar_spacing+2)*sizeof($amounts)+20+$graph_title_space+$graph_footer_space;
// create image
$pic = ImageCreate($pic_width+1,$pic_height+1);
// allocate colours
$white = ImageColorAllocate($pic,255,255,255);
$grey = ImageColorAllocate($pic,200,200,200);
$lt_grey = ImageColorAllocate($pic,210,210,210);
$black = ImageColorAllocate($pic,0,0,0);
// fill background of image with white
ImageFilledRectangle($pic,0,0,$pic_width,$pic_height,$white);
// draw graph title
ImageString($pic,5,($pic_width/2)-(strlen($graph_title)*5),0,$graph_title,$black);
// draw graph footer
ImageString($pic, 2,($pic_width/2)-(strlen($graph_footer)*3),$pic_height-$graph_footer_space, $graph_footer, $grey);
// draw grid markers
for($x_axis=$bar_title_space ; ($x_axis-$bar_title_space)<max($amounts)+$grid_space ; $x_axis+=$grid_space) {
// draw vertical grid marker
ImageLine($pic,$x_axis,$graph_title_space,$x_axis,$pic_height-$graph_footer_space,$grey);
// draw horizontal line above grid numbers
ImageLine($pic,$x_axis,($pic_height-$graph_footer_space-25),$x_axis-($bar_title_space+$grid_space),($pic_height-$graph_footer_space-25),$grey);
// draw grid numbers
ImageString($pic, 3, $x_axis+5, ($pic_height-$graph_footer_space-20), $x_axis-($bar_title_space), $black);
}
// draw bars
$y_axis=$graph_title_space;
if($bar_colour!=3) {
// for a nice smooth fade of colour.
$col = 180;
$decrement = intval($col/count($amounts));
}
foreach($amounts as $key=>$amount) {
// write the bar title
ImageString($pic, 2, ($bar_title_space-(strlen($key)*6)), $y_axis, $key, $black);
// allocate a colour for this bar
if($bar_colour==3) {
// random colour
$tempCol = ImageColorAllocate($pic,rand(50,200),rand(50,200),rand(50,200));
} else {
$col -= $decrement;
if($bar_colour==0) {
// faded red
$tempCol = ImageColorAllocate($pic,255,$col,$col);
} else if($bar_colour==1) {
// faded green
// 200 because green just looks too bright otherwise
$tempCol = ImageColorAllocate($pic,$col,200,$col);
} else if($bar_colour==2) {
// faded blue
$tempCol = ImageColorAllocate($pic,$col,$col,255);
}
}
// draw the bar
ImageFilledRectangle($pic,($bar_title_space+1),$y_axis,$amount+$bar_title_space,($y_axis+$bar_height),$tempCol);
if(($amount)<15) {
// if it's a tiny amount, write the amount outside the bar in black
ImageString($pic, 2, ($amount+3)+$bar_title_space, $y_axis, $amount, $black);
} else {
// or if over 20, write the amount inside the bar in white
// the strlen stuff is to ensure number is aligned with the end of the bar. works quite well, too.
ImageString($pic, 2, ($amount-(strlen($amount)*6))+$bar_title_space, $y_axis, $amount, $white);
}
// move down
$y_axis+=($bar_spacing+1)+$bar_height;
}
header("Content-type: image/png");
// output image
ImagePNG($pic);
// remove image from memory
ImageDestroy($pic);
?>
