စတိုင် အမြင်နဲ့ အိမ်ခြံမြေ
ဥပမာ
ဒြပ်စင်တစ်ခုအား ကြည့်ရှုသည့်နေရာမှ ရှုထောင့်ကို သတ်မှတ်ပါ-
document.getElementById("myDIV").style.perspective = "50px";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
ရှုထောင့်ပိုင်ဆိုင်မှုသည် မြင်ကွင်းမှ 3D ဒြပ်စင်တစ်ခုအား ပစ်ဆယ်မည်မျှချထားသည်ကို သတ်မှတ်သည်။ ဤပိုင်ဆိုင်မှုသည် သင့်အား 3D ဒြပ်စင်များအား မည်ကဲ့သို့ကြည့်ရှုကြောင်းရှုထောင့်ကို ပြောင်းလဲနိုင်စေပါသည်။
ဒြပ်စင်တစ်ခုအတွက် ရှုထောင့်ပိုင်ဆိုင်မှုကို သတ်မှတ်သောအခါ၊ ၎င်းသည် ဒြပ်စင်ကိုယ်တိုင်မဟုတ်ဘဲ ရှုထောင့်အမြင်ကို ရရှိသည့် ကလေးဒြပ်စင်ဖြစ်သည်။
မှတ်ချက်- ရှုထောင့်ပိုင်ဆိုင်မှုသည် 3D ပြောင်းလဲထားသော ဒြပ်စင်များကိုသာ သက်ရောက်မှုရှိသည်။
အကြံပြုချက်- 3D ဒြပ်စင်များ၏ အောက်ခြေအနေအထားကို ပြောင်းလဲနိုင်စေမည့် perspectiveOrigin ပိုင်ဆိုင်မှု နှင့် အတူ ဤပိုင်ဆိုင်မှုကို အသုံးပြု ပါ။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
perspective | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
မှတ်ချက်- Chrome ဟောင်း၊ Safari နှင့် Opera သည် အခြားရွေးချယ်စရာတစ်ခုဖြစ်သည့် WebkitPerspective ပိုင်ဆိုင်မှုကို ပံ့ပိုးပေးသည်။
အထားအသို
ရှုထောင့်ပိုင်ဆိုင်မှုကို ပြန်ပေးပါ-
object.style.perspective
ရှုထောင့်ပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.perspective = "length|none"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
length | How far the element is placed from the view |
none | Default value. Same as 0. The perspective is not set |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | မရှိ |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ ရှုထောင့်ပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသော စာတန်း |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
JavaScript ပုံစံအရာဝတ္ထု- perspectiveOrigin ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- အမြင်ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု