আইফোন ওয়েব অ্যাপ্লিকেশনটিতে আমি কীভাবে প্রতিকৃতি মোডে লক করব?

Question

আমি একটি আইফোন ওয়েব অ্যাপ্লিকেশন তৈরি করছি এবং প্রতিকৃতি মোডে ওরিয়েন্টেশনটি লক করতে চাই। এটা কি সম্ভব? এটি করার জন্য কোনও ওয়েব-কিট এক্সটেনশন রয়েছে?

দয়া করে মনে রাখবেন এটি মোবাইল সাফারির জন্য এইচটিএমএল এবং জাভাস্ক্রিপ্টে লিখিত একটি অ্যাপ্লিকেশন, এটি উদ্দেশ্য-সি-তে লিখিত কোনও নেটিভ অ্যাপ্লিকেশন নয়।

Comments

কোনও দেশীয় অ্যাপ্লিকেশন নয়, ওয়েব অ্যাপ্লিকেশন তৈরির পুরো কারণটি তাই এটি ক্রস প্ল্যাটফর্ম হতে পারে, আপনি কেন একটি আইফোন নির্দিষ্ট ওয়েব অ্যাপ বানাবেন, আপনি অন্যান্য ফোন লক আউট করার জন্য অতিরিক্ত কোড লেখার দিকে তাকিয়ে আছেন ???

সম্পর্কিত: stackoverflow.com/questions/5298467/...

— xdhmoore

আমি এমন একটি সমাধানটিতে আগ্রহী যেটি "ছোট-পর্দার" জন্য এবং কেবলমাত্র 320px এবং আপেল দ্বারা তৈরি জিনিসগুলির জন্য নয়।

— শেরিফডেরেক

Answer 1

আপনি ভিউপোর্ট ওরিয়েন্টেশনের ভিত্তিতে সিএসএস শৈলীগুলি নির্দিষ্ট করতে পারেন: বডি [ওরিয়েন্ট = "ল্যান্ডস্কেপ"] বা বডি [ওরিয়েন্টেন্ট = "প্রতিকৃতি"] সহ ব্রাউজারটিকে লক্ষ্য করুন]

http://www.evotech.net/blog/2007/07/web-development-for-the-iphone/

যাহোক...

অ্যাপলটির এই বিষয়ে দৃষ্টিভঙ্গি হ'ল বিকাশকারীকে ওরিয়েন্টেশন পরিবর্তনের উপর ভিত্তি করে সিএসএস পরিবর্তন করার অনুমতি দেওয়া হয়েছে তবে পুনরায় ওরিয়েন্টেশনকে পুরোপুরি আটকাতে হবে না। আমি অন্য কোথাও একই ধরণের প্রশ্ন পেয়েছি:

http://ask.metafilter.com/99784/How-can-I-lock-iPhone-orientation-in-Mobile-Safari

Comments

ধন্যবাদ তবে, আমি ইতিমধ্যে সেই অংশটি করছি, আমি যা করতে চাই তা হ'ল যখন মোবাইল ফোনের দিকে ঝুঁকছে তখন মোবাইল সাফারিটি আমার দিকে ওরিয়েন্টেশন পরিবর্তন না করা রোধ করা।

— কেভিন

ওরিয়েন্টেশন পরিবর্তনের উপর ভিত্তি করে বিকাশকারীকে সিএসএস পরিবর্তন করার অনুমতি দেওয়ার জন্য, তবে পুনরায় ওরিয়েন্টেশন সম্পূর্ণরূপে রোধ না করার জন্য অ্যাপলটির এই বিষয়ে দৃষ্টিভঙ্গি। আমি অন্য কোথাও অনুরূপ প্রশ্ন পেয়েছি: Ask.metafilter.com/99784/…

— স্কট ফক্স

আমি কিছু সাইটকে ল্যান্ডস্কেপ-কেবলমাত্র একটি বার্তা দেখিয়েছি যা ব্যবহারকারীকে নির্দেশ দিচ্ছে যে এই সাইটটি কেবল প্রতিকৃতি নির্দেশে দেখা যাবে - আপনার বিবেচনার জন্য এটি কেবল একটি বিকল্প option

— জয়ডেন লসন

Answer 2

এটি একটি দুর্দান্ত হ্যাকি সমাধান, তবে এটি কমপক্ষে কিছু (?)। ধারণাটি হ'ল আপনার পৃষ্ঠার বিষয়বস্তুগুলিকে আধা-প্রতিকৃতি মোডে ঘোরানোর জন্য একটি সিএসএস রূপান্তর ব্যবহার করা। আপনাকে শুরু করার জন্য এখানে জাভাস্ক্রিপ্ট (jQuery এ প্রকাশিত) কোডটি রয়েছে:

$(document).ready(function () {
  function reorient(e) {
    var portrait = (window.orientation % 180 == 0);
    $("body > div").css("-webkit-transform", !portrait ? "rotate(-90deg)" : "");
  }
  window.onorientationchange = reorient;
  window.setTimeout(reorient, 0);
});

কোডটি আপনার পৃষ্ঠার পুরো বিষয়বস্তু কেবলমাত্র শরীরের উপাদানের ভিতরে কোনও ডিভের মধ্যে থাকতে পারে বলে প্রত্যাশা করে। এটি ল্যান্ডস্কেপ মোডে ডিভ 90 ডিগ্রি ঘোরান - প্রতিকৃতিতে ফিরে।

পাঠকের কাছে অনুশীলন হিসাবে বাম: ডিভটি তার কেন্দ্রবিন্দুটির চারদিকে ঘোরে, সুতরাং এটি পুরোপুরি বর্গক্ষেত্র না হলে সম্ভবত তার অবস্থানটি সামঞ্জস্য করা দরকার।

এছাড়াও, এখানে একটি আবেদনময়ী দৃশ্য সমস্যা আছে visual আপনি যখন অরিয়েন্টেশন পরিবর্তন করেন, সাফারি আস্তে আস্তে আবর্তিত হয়, তারপরে শীর্ষ স্তরের ডিভটি 90 ডিগ্রি আলাদা হয়। আরও মজাদার জন্য, যোগ করুন

body > div { -webkit-transition: all 1s ease-in-out; }

আপনার সিএসএসে। যখন ডিভাইসটি ঘোরান, তখন সাফারি করেন, তারপরে আপনার পৃষ্ঠার সামগ্রীটি করে। অনৃজু!

Comments

গ্রুমড্রিগ, আপনি আমার নায়ক! এটি আমি এই সাইটে দেখেছি এটি সবচেয়ে দরকারী এবং কার্যকারী আইফোন ওয়েব-অ্যাপ সম্পর্কিত সম্পর্কিত টিপ। অনেক ধন্যবাদ!

— নুবার

আমি এই প্রতিক্রিয়াটি পড়ার আগে, আমি "গৃহীত" উত্তর মন্তব্যে পরামর্শ দিতে যাচ্ছিলাম যে ELSE এর কেউ এই চেষ্টা করা উচিত এবং এটি কাজ করে কিনা আমাকে বলুন tell আমি ইতিমধ্যে খুশি যে কেউ ইতিমধ্যে করেছে, এবং এটি হয়েছে!

— লেন

ডিভটি আয়তক্ষেত্রাকার হলে কী হবে? রূপান্তর উত্স সঠিকভাবে সেট করার সূত্রটি কী? টিএ

— সুপারজোজ

আপনি আইফোন / আইপড বিকাশ তথ্যের অধীনে এক্সকোডে "সাপোর্টেড ইন্টারফেস ওরিয়েন্টেশন" বিকল্পের মাধ্যমেও এটি নিয়ন্ত্রণ করতে পারেন। ভাল কাজ করেছেন

— রদ্রিগো ডায়াস

আমরা কি সরাসরি দেহটি ঘোরাতে পারি না? বলুন, $ ("দেহ")। সিএসএস ("- ওয়েবকিট-ট্রান্সফর্ম",! প্রতিকৃতি? "ঘোরান (-90deg)": "");

— কৃষ্ণ চৈতন্য

Answer 3

এই উত্তরটি এখনও সম্ভব নয়, তবে আমি এটি "ভবিষ্যতের প্রজন্মের" জন্য পোস্ট করছি। আশা করি, কোনও দিন আমরা সিএসএস @ ভিউপোর্ট রুলের মাধ্যমে এটি করতে সক্ষম হব:

@viewport {
    orientation: portrait;
}

এখানে "আমি কি ব্যবহার করতে পারি" পৃষ্ঠাটি রয়েছে (কেবলমাত্র 2019 এবং আইজি হিসাবে):
https://caniuse.com/#feat=mdn-css_at-rules_viewport_orientation

স্পেস (প্রক্রিয়াধীন):
https://drafts.csswg.org/css-device-adapt/#orientation-desc

MDN:
https://developer.mozilla.org/en-US/docs/Web/CSS/@viewport/orientation

এমডিএন ব্রাউজারের সামঞ্জস্যতা টেবিল এবং নীচের নিবন্ধের ভিত্তিতে দেখে মনে হচ্ছে যে আইই এবং অপেরার কয়েকটি সংস্করণে কিছু সমর্থন রয়েছে:
http://menacingcloud.com/?c=cssViewportOrMetaTag

এই জেএস এপিআই স্পেসটিও প্রাসঙ্গিক দেখাচ্ছে:
https://w3c.github.io/screen-orientation/

আমি ধরে নিয়েছিলাম যে প্রস্তাবিত @viewportবিধি দ্বারা এটি সম্ভব ছিল, orientationএকটি metaট্যাগে ভিউপোর্ট সেটিংস স্থাপন করে এটি সম্ভব হবে , তবে এ পর্যন্ত আমার কোনও সাফল্য হয়নি।

বিষয়গুলির উন্নতি হওয়ায় নির্দ্বিধায় এই উত্তরটি আপডেট করুন।

Comments

10/2019 এর মধ্যে, এই নতুন বৈশিষ্ট্যটি এখনও কাজ করছে না। আমাদের পোস্ট করা দয়া করে। ধন্যবাদ।

— রেইনকাস্ট 24'19

প্রকৃতপক্ষে এটি এত দিন নিয়েছে আমি ভাবছি যদি এটি কখনও হয়। আমি "CanIUse" পৃষ্ঠায় একটি লিঙ্ক যুক্ত করেছি।

— xdmoore

ধন্যবাদ. আপনি কি এই বৈশিষ্ট্যের মালিক? একটি নতুন সিএসএস বৈশিষ্ট্য কীভাবে প্রকাশিত হয়েছে তা আমি পুরোপুরি বুঝতে পারি না। আমার অনুমান অনুসারে, CSS org প্রতিটি প্রধান ব্রাউজার পণ্য মালিকদের সাথে কথা বলে এবং তাদের এটি সমর্থন করতে বলে? প্রক্রিয়াটি কে নিয়ন্ত্রণ করে? আমি খুবই আগ্রহী.

— রেইনকাস্ট 26'19

হা না, কেবল অন্য বিকাশকারী। আপনি ডাব্লু 3 সি খুঁজছেন।

— xdmoore

Answer 4

নিম্নলিখিত কোডটি আমাদের এইচটিএমএল 5 গেমটিতে ব্যবহৃত হয়েছিল।

$(document).ready(function () {
     $(window)    
          .bind('orientationchange', function(){
               if (window.orientation % 180 == 0){
                   $(document.body).css("-webkit-transform-origin", "")
                       .css("-webkit-transform", "");               
               } 
               else {                   
                   if ( window.orientation > 0) { //clockwise
                     $(document.body).css("-webkit-transform-origin", "200px 190px")
                       .css("-webkit-transform",  "rotate(-90deg)");  
                   }
                   else {
                     $(document.body).css("-webkit-transform-origin", "280px 190px")
                       .css("-webkit-transform",  "rotate(90deg)"); 
                   }
               }
           })
          .trigger('orientationchange'); 
});

Comments

রূপান্তর উত্সের জন্য আপনি কীভাবে এই সংখ্যাগুলি বের করেন?

— সুপারজোজ

সতর্কতা !!! সমস্ত ডিভাইসগুলি ওরিয়েন্টেশনের জন্য একই মানগুলির প্রতিবেদন করে না তাই এটি ম্যাথজেগিফোর্ড

— রব

Answer 5

আমি মিডিয়া কোয়েরি ব্যবহার করে পর্দা ঘোরানোর এই পদ্ধতিটি নিয়ে এসেছি। প্রশ্নগুলি আমি এখানে খুঁজে পেয়েছি স্ক্রিন আকার উপর ভিত্তি করে । 480px ভাল বলে মনে হয়েছিল কারণ কোনও / কয়েকটি ডিভাইসে 480px প্রস্থের চেয়ে বেশি বা 480px উচ্চতার চেয়ে কম ছিল।

@media (max-height: 480px) and (min-width: 480px) and (max-width: 600px) { 
    html{
        -webkit-transform: rotate(-90deg);
           -moz-transform: rotate(-90deg);
            -ms-transform: rotate(-90deg);
             -o-transform: rotate(-90deg);
                transform: rotate(-90deg);
        -webkit-transform-origin: left top;
           -moz-transform-origin: left top;
            -ms-transform-origin: left top;
             -o-transform-origin: left top;
                transform-origin: left top;
        width: 320px; /*this is the iPhone screen width.*/
        position: absolute;
        top: 100%;
            left: 0
    }
}

Comments

+1 দুর্দান্ত সমাধান। আমার একটি পাদচরণ রয়েছে যা নীচে অবস্থান স্থির। ঘূর্ণন পরে এটি প্রদর্শন কিভাবে কোন ধারণা?

— সাইব্রিক্স

নির্দিষ্ট পিক্সেল মানের পরিবর্তে মিডিয়া ক্যোয়ারিতে (ওরিয়েন্টেশন: ল্যান্ডস্কেপ) কীভাবে ব্যবহার করবেন? বা একটি সঠিক পিক্সেল মান সংজ্ঞায়িত করা প্রয়োজন?

— জাস্টিন

আমি একটি পিক্সেল মান ব্যবহার করেছি কারণ আপনাকে অবশ্যই এইচটিএমএলে একটি সঠিক মান নির্ধারণ করতে হবে, যা অবশ্যই পর্দার উচ্চতার সাথে মিলবে (যখন ল্যান্ডস্কেপটিতে - তাই স্ক্রিনের প্রস্থ)। সুতরাং orientation: landscapeআমার উদাহরণে @ জাস্টিনপুটনি

— বিল

এমডিএন থেকে: "দ্রষ্টব্য: এই মানটি প্রকৃত ডিভাইস ওরিয়েন্টেশনের সাথে মিলে যায় না। "

— শেরিফডেরেক

ওরিয়েন্টেশন @ মিডিয়া বিধি --- হ্যাঁ। আমি ভেবেছি এগুলি পড়ার আগে পর্যন্ত তারা যাওয়ার উপায় ছিল: বিকাশকারী.মোজিলা.আর.ইন-

— ইউএস

Answer 6

Screen.lockOrientation() এই সমস্যাটি সমাধান করে, যদিও সমর্থনটি সর্বজনীন তুলনায় কম (এপ্রিল 2017):

https://www.w3.org/TR/screen-orientation/

https://developer.mozilla.org/en-US/docs/Web/API/Screen.lockOrientation

Comments

এমডিএন ডকটি পরামর্শ দেয় যে এটি সাফারি দ্বারা সমর্থিত নয়।

— tsh

Answer 7

আমি ব্যবহারকারীকে তার ফোনটি প্রতিকৃতি মোডে ফিরিয়ে রাখতে বলার ধারণাটি পছন্দ করি। যেমন এটি এখানে উল্লেখ করা হয়েছে: http://tech.sarathdr.com/featured/prevent-landcreen-orientation-of-iphone-web-apps/ ... তবে জাভাস্ক্রিপ্টের পরিবর্তে CSS ব্যবহার করা।

Answer 8

সম্ভবত একটি নতুন ভবিষ্যতে এটি একটি বাক্সের বাইরে একাকীকরণ হবে ...

মে 2015 এর হিসাবে,

এটি একটি পরীক্ষামূলক কার্যকারিতা রয়েছে।

তবে এটি কেবল ফায়ারফক্স 18+, IE11 + এবং Chrome 38+ এ কাজ করে।

তবে এটি অপেরা বা সাফারিটিতে এখনও কাজ করে না।

https://developer.mozilla.org/en-US/docs/Web/API/Screen/lockOrientation#Browser_compatibility

সামঞ্জস্যপূর্ণ ব্রাউজারগুলির জন্য এখানে বর্তমান কোডটি রয়েছে:

var lockOrientation = screen.lockOrientation || screen.mozLockOrientation || screen.msLockOrientation;

lockOrientation("landscape-primary");

Comments

আমি এটি আমার ওয়ার্ডপ্রেস ওয়েবসাইটে আমার জাভাস্ক্রিপ্ট কোডটিতে ব্যবহার করছি: স্ক্রিন.লক ওরিয়েন্টেশন ("ল্যান্ডস্কেপ"); এবং এটি কাজ করে না। আমি পেয়েছি: jQuery (...)। লক ওরিয়েন্টেশন কোনও ফাংশন নয়। আমার কি কোনও প্লাগইন বা কাঠামো প্রয়োগ করতে হবে?

— অ্যালেক্স স্টানিজ

Answer 9

আপনি অভিমুখী পরিবর্তনকে কার্যকর হতে বাধা দিতে না পারলে আপনি অন্যান্য উত্তরে বর্ণিত কোনও পরিবর্তন অনুকরণ করতে পারবেন।

প্রথমে ডিভাইস অরিয়েন্টেশন বা পুনর্বিন্যাস সনাক্ত করুন এবং জাভাস্ক্রিপ্ট ব্যবহার করে আপনার মোড়ানো উপাদানটিতে একটি শ্রেণীর নাম যুক্ত করুন (এই উদাহরণে আমি বডি ট্যাগ ব্যবহার করি)।

function deviceOrientation() {
  var body = document.body;
  switch(window.orientation) {
    case 90:
      body.classList = '';
      body.classList.add('rotation90');
      break;
    case -90:
      body.classList = '';
      body.classList.add('rotation-90');
      break;
    default:
      body.classList = '';
      body.classList.add('portrait');
      break;
  }
}
window.addEventListener('orientationchange', deviceOrientation);
deviceOrientation();

তারপরে যদি ডিভাইসটি ল্যান্ডস্কেপ হয় তবে শরীরের প্রস্থটি ভিউপোর্টের উচ্চতায় এবং শরীরের উচ্চতা ভিউপোর্টের প্রস্থে সেট করতে সিএসএস ব্যবহার করুন। এবং আসুন আমরা যখন থাকি তখন রূপান্তর উত্স সেট করি।

@media screen and (orientation: landscape) {
  body {
    width: 100vh;
    height: 100vw;
    transform-origin: 0 0;
  }
}

এখন, শরীরের উপাদানটি পুনরায় রঙ করুন এবং এটিকে অবস্থানে স্লাইড করুন (অনুবাদ করুন)।

body.rotation-90 {
  transform: rotate(90deg) translateY(-100%);
}
body.rotation90 {
  transform: rotate(-90deg) translateX(-100%);
}

Answer 10

// CSS hack to prevent layout breaking in landscape
// e.g. screens larger than 320px  
html {
  width: 320px;
  overflow-x: hidden;
}

এটি, বা অনুরূপ সিএসএস সমাধান, যদি আপনার পরে থাকে তবে এটি আপনার লেআউটটি কমপক্ষে সংরক্ষণ করবে।

মূল সমাধানটি ডিভাইসের সক্ষমতাগুলিকে সীমাবদ্ধ করার চেষ্টা করার চেয়ে অ্যাকাউন্টিং করা হয়। যদি ডিভাইসটি আপনাকে একটি সাধারণ হ্যাকের চেয়ে উপযুক্ত সীমাবদ্ধতার অনুমতি না দেয় তবে নকশাটি মূলত অসম্পূর্ণ হওয়ায় এটি আপনার সেরা বেট। আরও সহজতর।

Answer 11

কফিতে যদি কারও প্রয়োজন হয়।

    $(window).bind 'orientationchange', ->
        if window.orientation % 180 == 0
            $(document.body).css
                "-webkit-transform-origin" : ''
                "-webkit-transform" : ''
        else
            if window.orientation > 0
                $(document.body).css
                    "-webkit-transform-origin" : "200px 190px"
                    "-webkit-transform" : "rotate(-90deg)"
            else
                $(document.body).css
                    "-webkit-transform-origin" : "280px 190px"
                    "-webkit-transform" : "rotate(90deg)"

Answer 12

@ গ্রামড্রিগের উত্তর থেকে অনুপ্রাণিত হয়ে, এবং যেহেতু ব্যবহৃত নির্দেশাবলীর কিছু কাজ করে না, তাই আমি অন্য কারও প্রয়োজনে নিম্নলিখিত স্ক্রিপ্টটি প্রস্তাব করি:

    $(document).ready(function () {

      function reorient(e) {
        var orientation = window.screen.orientation.type;
        $("body > div").css("-webkit-transform", (orientation == 'landscape-primary' || orientation == 'landscape-secondary') ? "rotate(-90deg)" : "");
      }
    $(window).on("orientationchange",function(){
        reorient();
    });
      window.setTimeout(reorient, 0);
    });

Answer 13

আমার অনুরূপ সমস্যা আছে তবে ল্যান্ডস্কেপ তৈরি করার জন্য ... আমি বিশ্বাস করি যে নীচের কোডটিতে কৌশলটি করা উচিত:

//This code consider you are using the fullscreen portrait mode
function processOrientation(forceOrientation) {
  var orientation = window.orientation;
  if (forceOrientation != undefined)
    orientation = forceOrientation;
  var domElement = document.getElementById('fullscreen-element-div');
  switch(orientation) {
    case 90:
      var width = window.innerHeight;
      var height = window.innerWidth;
      domElement.style.width = "100vh";
      domElement.style.height = "100vw";
      domElement.style.transformOrigin="50% 50%";
      domElement.style.transform="translate("+(window.innerWidth/2-width/2)+"px, "+(window.innerHeight/2-height/2)+"px) rotate(-90deg)";
      break;
    case -90:
      var width = window.innerHeight;
      var height = window.innerWidth;
      domElement.style.width = "100vh";
      domElement.style.height = "100vw";
      domElement.style.transformOrigin="50% 50%";
      domElement.style.transform="translate("+(window.innerWidth/2-width/2)+"px, "+(window.innerHeight/2-height/2)+"px) rotate(90deg)";
      break;
    default:
      domElement.style.width = "100vw";
      domElement.style.height = "100vh";
      domElement.style.transformOrigin="";
      domElement.style.transform="";
      break;
  }
}
window.addEventListener('orientationchange', processOrientation);
processOrientation();

<html>
<head></head>
<body style="margin:0;padding:0;overflow: hidden;">
  <div id="fullscreen-element-div" style="background-color:#00ff00;width:100vw;height:100vh;margin:0;padding:0"> Test
  <br>
  <input type="button" value="force 90" onclick="processOrientation(90);" /><br>
  <input type="button" value="force -90" onclick="processOrientation(-90);" /><br>
  <input type="button" value="back to normal" onclick="processOrientation();" />
  </div>
</body>
</html>

Answer 14

আমার ওয়েবসাইট থেকে টিউটোরিয়াল এবং কাজের উদাহরণের জন্য এখানে ক্লিক করুন ।

আপনি কেবল jQuery মোবাইল স্ক্রিন ওরিয়েন্টেশন দেখতে হ্যাক ব্যবহার করার দরকার নেই বা আপনি ফোনগ্যাপ ব্যবহার করবেন না, যদি না আপনি প্রকৃতপক্ষে ফোনগ্যাপ ব্যবহার করছেন।

2015 সালে এই কাজটি করার জন্য আমাদের প্রয়োজন:

• কর্ডোভা (৪.৫ এর উপরে কিছু হলেও ভাল সংস্করণ)
• ফোনগ্যাপ (আপনি এমনকি ফোনগ্যাপ ব্যবহার করতে পারেন, প্লাগইনগুলি সামঞ্জস্যপূর্ণ)

এবং আপনার কর্ডোভা সংস্করণের উপর নির্ভর করে এই প্লাগইনগুলির একটি:

• নেট.yoik.cordova.plugins.screenorientation (কর্ডোভা <4)

কর্ডোভা প্লাগইন নেট.yoik.cordova.plugins.screenorientation যোগ করুন

• কর্ডোভা প্লাগইন কর্ডোভা-প্লাগইন-স্ক্রিন-ওরিয়েন্টেশন যুক্ত করুন (কর্ডোভা> = 4)

কর্ডোভা প্লাগইন কর্ডোভা-প্লাগইন-স্ক্রিন-ওরিয়েন্টেশন যুক্ত করে

এবং স্ক্রিন ওরিয়েন্টেশন লক করতে কেবল এই ফাংশনটি ব্যবহার করুন:

screen.lockOrientation('landscape');

এটি খুলতে:

screen.unlockOrientation();

সম্ভাব্য ওরিয়েন্টেশন:

• প্রতিকৃতি-প্রাথমিক ওরিয়েন্টেশন প্রাথমিক প্রতিকৃতি মোডে।

• প্রতিকৃতি-মাধ্যমিক ওরিয়েন্টেশন গৌণ পোর্ট্রেট মোডে।

• ল্যান্ডস্কেপ-প্রাথমিক ওরিয়েন্টেশন প্রাথমিক ল্যান্ডস্কেপ মোডে।

• ল্যান্ডস্কেপ-মাধ্যমিক ওরিয়েন্টেশন গৌণ ল্যান্ডস্কেপ মোডে।

• প্রতিকৃতি পোর্ট্রেট হয় প্রতিকৃতি-প্রাথমিক বা প্রতিকৃতি-মাধ্যমিক (সেন্সর))

• ল্যান্ডস্কেপ ওরিয়েন্টেশন হয় ল্যান্ডস্কেপ-প্রাথমিক বা ল্যান্ডস্কেপ-সেকেন্ডারি (সেন্সর)।