မြန်မာဘာသာ
မြန်မာဘာသာ
Gradientive Effect သည် 0 က်ဘ်ဒီဇိုင်းနှင့်ပရိုဂရမ်ထုတ်လုပ်သည့်ပုံရိပ်များတွင်ဘုံအမြင်အာရုံနည်းစနစ်ဖြစ်သည်။ ၎င်းသည်အရောင်နှစ်မျိုးအကြားချောမွေ့သောအကူးအပြောင်းကိုဖွင့်ထားပြီးအမြင်အာရုံအဆင့်ဆင့်ကိုမြှင့်တင်ရန်။ PHP's Built-in GD စာကြည့်တိုက်တွင် Grade, စာသားများကိုရေးဆွဲရန်နှင့်အရောင် gradient effect များကိုအကောင်အထည်ဖော်ရန်အသုံးပြုသောပုံရိပ်ထုတ်ယူမှုအတွက်အစွမ်းထက်သောအထောက်အပံ့များပေးသည်။
ဤဆောင်းပါးသည် GD စာကြည့်တိုက်မှတဆင့် linear နှင့် radial gradient effect များကိုမည်သို့ဖန်တီးရမည်ကိုအာရုံစိုက်မည်။
<h3> GD စာကြည့်တိုက်တပ်ဆင်ခြင်းနှင့် Enable) </ h3>GD စာကြည့်တိုက်ကိုမသုံးမီသင်၏ PHP ပတ် 0 န်းကျင်တွင်ထည့်သွင်းထားပြီးဖြစ်သည်ကိုသင်အတည်ပြုရန်လိုအပ်သည်။
GD စာကြည့်တိုက်ကိုဖွင့်ထားရှိမရှိစစ်ဆေးပါ "GD Support" ကို browser မှတဆင့် 0 င်ရောက်ပြီးသည့်နောက်တွင် "GD Support" တည်ရှိပါက phpinfo() Test file တစ်ခုကိုဖန်တီးနိုင်သည်။
GD စာကြည့်တိုက်ကို Install လုပ်ပါ မဖွင့်ပါက PHP configuration file php.ini နှင့် uncomment extension=gd ကိုပြုပြင်ခြင်းဖြင့်စာကြည့်တိုက်ကိုဖွင့်ပြီးဝက်ဘ်ဆာဗာကိုပြန်လည်စတင်ပါ။
linear gradients ကိုနှစ် ဦး စလုံးလမ်းကြောင်းနှစ်ခုစလုံးအတွက်ချောမွေ့ကူးပြောင်းရေးနောက်ခံဖန်တီးရန်အသုံးပြုကြသည်။ PHP နှင့် GD စာကြည့်တိုက်များမှတဆင့်အလျားလိုက် linear gradient ၏ဥပမာတစ်ခုမှာ -
<?php
// အလွတ်တစ်ခုဖန်တီးပါ
$image_width = 500;
$image_height = 200;
$image = imagecreatetruecolor($image_width, $image_height);
// gradient ၏ start နှင့်အဆုံးအရောင်များကိုသတ်မှတ်ပါ
$start_color = imagecolorallocate($image, 255, 0, 0); // နီသော
$end_color = imagecolorallocate($image, 0, 0, 255); // ပြာသော
// gradient ၏အဆင့်အရှည်တွက်ချက်
$steps = $image_width;
// gradient ကိုအကျိုးသက်ရောက်မှု generate
for ($i = 0; $i < $steps; $i++) {
$red = (int) ((($steps - $i) * 255 + $i * 0) / $steps);
$green = (int) ((($steps - $i) * 0 + $i * 0) / $steps);
$blue = (int) ((($steps - $i) * 0 + $i * 255) / $steps);
$color = imagecolorallocate($image, $red, $green, $blue);
imageline($image, $i, 0, $i, $image_height, $color);
}
// output ကိုပုံ
header('Content-Type: image/png');
imagepng($image);
imagedestroy($image);
?>
ဤဥပမာတွင်အရောင်များအကူးအပြောင်းကို pixel မှ lines pixel ကိုဆွဲရန်ပုံအပိုဒ်အပေါ် အခြေခံ. အကောင်အထည်ဖော်သည်။
<h3> Radial Gradient Effect </ h3>radial gradient သည်အဓိကအားဖြင့်အရောင်အသွေးစုံလင်သောအကူးအပြောင်းတစ်ခုဖြစ်သည်။ အောက်ဖော်ပြပါကုဒ်သည် Community မှ GD စာကြည့်တိုက်မှတစ်ဆင့်စင်တာမှ Radial Gradient ကိုမည်သို့ဆွဲရမည်ကိုပြသသည်။
<?php
// အလွတ်တစ်ခုဖန်တီးပါ
$image_width = 500;
$image_height = 200;
$image = imagecreatetruecolor($image_width, $image_height);
// gradient ၏ start နှင့်အဆုံးအရောင်များကိုသတ်မှတ်ပါ
$start_color = imagecolorallocate($image, 255, 0, 0); // နီသော
$end_color = imagecolorallocate($image, 0, 0, 255); // ပြာသော
// gradient ၏အချင်းဝက်ကိုတွက်ချက်ပါ
$radius = min($image_width, $image_height) / 2;
// gradient ကိုအကျိုးသက်ရောက်မှု generate
for ($i = 0; $i < $radius; $i++) {
$red = (int) ((($radius - $i) * 255 + $i * 0) / $radius);
$green = (int) ((($radius - $i) * 0 + $i * 0) / $radius);
$blue = (int) ((($radius - $i) * 0 + $i * 255) / $radius);
$color = imagecolorallocate($image, $red, $green, $blue);
imagefilledellipse($image, $image_width / 2, $image_height / 2, $i * 2, $i * 2, $color);
}
// output ကိုပုံ
header('Content-Type: image/png');
imagepng($image);
imagedestroy($image);
?>
ကွဲပြားခြားနားသောအရွယ်အစားအမျိုးမျိုးကိုကွင်းဆက်တစ်ခုတွင်ဆွဲယူခြင်းအားဖြင့်အရောင်ကိုတဖြည်းဖြည်းညှိခြင်းအားဖြင့်, စင်တာမှအစွန်းအရောင်တဖြည်းဖြည်းကူးပြောင်းခြင်း၏အမြင်အာရုံအကျိုးသက်ရောက်မှုကိုသင်ရရှိနိုင်ပါသည်။
<h3> အကျဉ်းချုပ်နှင့် extension </ h3>ဤဆောင်းပါးသည်ဘုံ gradient ကိုအကျိုးသက်ရောက်မှုနှစ်ခုကိုမိတ်ဆက်ပေးသည်။ Linear Gradient နှင့် Radial Gradient ကိုမိတ်ဆက်ပေးသည်။ အမှန်တကယ်ဖွံ့ဖြိုးတိုးတက်မှုတွင်ဤနည်းပညာကိုနောက်ခံမျိုးဆက်, ဇယားကွက်အလှဆင်ခြင်းနှင့်တက်ကြွသောပုံရိပ်ပေါင်းစပ်ခြင်းစသည့်မြင်ကွင်းများသို့လည်းသင်ကျင့်သုံးနိုင်သည်။
အရောင်တွက်ချက်မှုယုတ္တိဗေဒနှင့်ပုံရိပ် parameters တွေကိုညှိခြင်းအားဖြင့်ပိုမိုပြောင်းလွယ်ပြင်လွယ်သောပိုမိုရှုပ်ထွေးသောပုံရိပ်အကျိုးသက်ရောက်မှုများကိုလည်းပိုမိုရှုပ်ထွေးသောပုံရိပ်အကျိုးသက်ရောက်မှုများကိုလည်းဖန်တီးနိုင်သည်။
