Mobile Device အသုံးပြုသူများအတွက်အသုံးများသော operating mode သည်ဘယ်ဘက်နှင့်လက်ျာလက်များ၏အသုံးပြုမှုအလေ့အထများဖြစ်သည်။ လက်ဝဲအသုံးပြုသူများသည်အသုံးပြုသူများသည်ပစ္စည်းကိုသူတို့ဘယ်ဘက်လက်ထဲတွင် တင်. လက်ျာလက်ကိုအသုံးပြုကြသည်။ လက်ျာလက်များအသုံးပြုသူများသည်ကိရိယာကိုသူတို့၏လက်ျာလက်၌ကိုင်ထားရန်နှင့်လည်ပတ်ရန်ဘယ်ဘက်လက်ကိုသုံးရန်အသုံးပြုသည်။ ဆိုလိုသည်မှာမတူညီသောအသုံးပြုသူများသည်ဝဘ်စာမျက်နှာကိုရှာဖွေသောအခါ, စက်ပစ္စည်းကိုင်ထားပုံသည်၎င်းတို့၏အသုံးပြုသူအတွေ့အကြုံကိုတိုက်ရိုက်အကျိုးသက်ရောက်လိမ့်မည်။ ပုံ၏ display လမ်းညွှန်သည်အသုံးပြုသူ၏လည်ပတ်မှုအလေ့အကျင့်များနှင့်မကိုက်ညီပါကအဆင်မပြေမှုသို့မဟုတ်အဆင်မပြေမှုများဖြစ်ပေါ်စေနိုင်သည်။
ဓာတ်ပုံများကိုအောက်ပါအဆင့်များမှတဆင့် flipping flipping function ကိုအကောင်အထည်ဖော်နိုင်သည်။
သုံးစွဲသူ၏ကိရိယာ၏ညွှန်ကြားချက်ကိုဆုံးဖြတ်ပါ။ အသုံးပြုသူသည်ဘယ်ဘက်သို့မဟုတ်လက် ယာ သို့မဟုတ် ညာ သန်ကိုဆုံးဖြတ်ရန် device ၏လည်ပတ်ထောင့်ကိုသင်ဆုံးဖြတ်နိုင်သည်။
ပုံကို ဦး တည်ချက်အရပုံဖော်ပါ - ကိရိယာ၏ညွှန်ကြားချက်အရရုပ်ပုံ၏ display လမ်းညွှန်ကိုအလိုအလျောက်ညှိပါ။ ကျွန်ုပ်တို့သည်ဤလုပ်ဆောင်မှုကိုအောင်မြင်ရန် CSS ၏ transform attribute ကိုသုံးနိုင်သည်။
Image အရင်းအမြစ်များကိုအစားထိုးခြင်း - ပုံကိုပြောင်းရန်လိုအပ်ပါက၎င်းကိုဆာဗာဘက်မှ PHP မှတစ်ဆင့်လုပ်ငန်းများ၌ပြုလုပ်နိုင်ပြီး image ကိုထုတ်လွှင့်ပြီးအသုံးပြုသူထံသို့ပြန်ပို့နိုင်သည်။ အသုံးပြုသူအတွေ့အကြုံကိုတိုးတက်စေရန်နှင့်ပြန်လည်စတင်ပုံရိပ်များကိုအချိန်တိုင်းတွင်ပြန်လည်ထူထောင်ခြင်းမှရှောင်ရှားရန်,
PHP မှတစ်ဆင့်ပုံရိပ်ကိုလှန်လှောကြည့်ရှုရန်မည်သို့ပုံမှန်ကိုင်တွယ်ရမည်ကိုပြသသည့်ရိုးရှင်းသော PHP နမူနာကုဒ်ဖြစ်သည်။
<?php
// မိတ်ဆက်ခဲ့သည်GDစာကြည့်တိုက်,သေချာအောင်လုပ်ပါPHPသဘာဝပတ်ဝန်းကျင်သည်ပုံရိပ်ထုတ်ယူခြင်းကိုထောက်ပံ့သည်
if (!extension_loaded('gd')) {
die('GD extension is not installed');
}
// မူရင်းပုံကိုဖတ်ပါ
$imagePath = 'path_to_image.jpg'; // ပုံ၏အမှန်တကယ်လမ်းကြောင်းနှင့်အတူအစားထိုးလိုက်ပါ
$image = imagecreatefromjpeg($imagePath);
// ပုံသည်အောင်မြင်စွာတင်နေသည်ကိုဆုံးဖြတ်ပါ
if (!$image) {
die('Unable to load image');
}
// image လှန်အပြောင်းအလဲနဲ့လုပ်ဆောင်ပါ
// အသုံးပြုဖို့ရုပ်ပုံများလှန်imagerotate()လုပ်ဆောင်ချက်,ထောင့်ဖြစ်ပါတယ်180ဒီဂရီ
$flippedImage = imagerotate($image, 180, 0);
// browser မှ output ကိုဓာတ်ပုံများ
header('Content-Type: image/jpeg');
imagejpeg($flippedImage);
// မှတ်ဥာဏ်အခမဲ့မှတ်ဥာဏ်
imagedestroy($image);
imagedestroy($flippedImage);
?>
အထက်ပါကုဒ်တွင်ပုံတစ်ပုံကိုပထမဆုံးတင်ပြီး 180 ဒီဂရီ လည်ပတ်မှုသည် ပုံ၏ flip အကျိုးသက်ရောက်မှုကိုတုပရန်အသုံးပြုသည်။ နောက်ဆုံးတွင်ပုံသည် browser ကိုတိုက်ရိုက်ထုတ်ပေးသည်။
မတူညီသောကိရိယာများကိုပိုမိုလိုက်လျောညီထွေဖြစ်အောင်လုပ်ရန်ကိရိယာ၏ orientation ကိုရှာဖွေရန်နှင့် image display ကိုပြောင်းလဲရန်အတွက် JavaScript ကိုသုံးနိုင်သည်။ ဒီမှာရိုးရှင်းတဲ့ရှေ့တန်းကုဒ်ကဥပမာတစ်ခုပါ။
<!DOCTYPE html>
<html lang="zh">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<title>အလိုအလျောက်ရုပ်ပုံဥပမာလှန်</title>
<style>
.flipped-image {
transform: rotate(0deg); /* 默认角ဒီဂရီ */
transition: transform 0.3s ease;
}
</style>
</head>
<body>
<img id="userImage" src="path_to_image.jpg" class="flipped-image" alt="ပုံကိုလှန်လိုက်ပါ">
<script>
// စောင့်ကြည့်လေ့လာရေးကိရိယာလမ်းညွှန်ပြောင်းလဲမှုများ
window.addEventListener("deviceorientation", function(event) {
const image = document.getElementById('userImage');
// 判断设备的旋转角ဒီဂရီ
const rotation = event.gamma; // 取设备旋转角ဒီဂရီ(ထုံးစံအားဖြင့်Xဝင်ရိုးကေြာင်း)
if (rotation < -45) {
image.style.transform = "rotate(180deg)"; // ပုံများပြောင်းပြန်
} else {
image.style.transform = "rotate(0deg)"; // ပုံမှန် display
}
});
</script>
</body>
</html>
ဤဥပမာတွင်ကျွန်ုပ်တို့သည် deviceForientation ဖြစ်ရပ်မှတစ်ဆင့်စက်၏လည်ပတ်ထောင့်ကိုနားထောင်သည်။ ထောင့်တစ်ထောင့်သည်အချို့သောတံခါးခုံတစ်ခုထက်ကျော်လွန်သောအခါပုံသည်လက်ဝဲသို့မဟုတ်လက်ယာအသုံးပြုသူများ၏အသုံးပြုသူများအသုံးပြုမှုအလေ့အထများကိုအသင့်အတင့်အသင့်အတင့်အလိုအလျောက်လှန်လှောကြည့်ရှုလိမ့်မည်။
အချို့သောကိစ္စရပ်များတွင်အသုံးပြုသူစက်ပေါ် မူတည်. ကွဲပြားခြားနားသောရုပ်ပုံများသို့မဟုတ်ကွဲပြားခြားနားသောအကြောင်းအရာများကဲ့သို့သောကွဲပြားခြားနားသောအရင်းအမြစ်များသို့မဟုတ်ကွဲပြားခြားနားသောအကြောင်းအရာများကဲ့သို့သောကွဲပြားခြားနားသောအရင်းအမြစ်များကိုပြရန်လိုအပ်နိုင်သည်။ PHP တွင် URLs များပြန်ညွှန်းကိုအကောင်အထည်ဖော်ရန် header () function ကိုသုံးနိုင်သည်။ ပုံသိုင်းသုတေသန၏ URL သည်ပါ 0 င်ပါက၎င်းကိုသင်ဤကဲ့သို့သောပုံစံမျိုးဖြင့်ကိုင်တွယ်နိုင်သည်။