စတိုင် အမြင် ၊Origin Property
ဥပမာ
3D ဒြပ်စင်တစ်ခု၏ အခြေခံနေရာချထားမှုကို သတ်မှတ်ပါ-
document.getElementById("myDIV").style.perspectiveOrigin = "10px 50%";
အဓိပ္ပါယ်နှင့် အသုံးပြုမှု
perspectiveOrigin ပိုင်ဆိုင်မှုသည် x- နှင့် y-axis တို့တွင် 3D ဒြပ်စင်ကို အခြေခံသည့်နေရာကို သတ်မှတ်သည်။ ဤပိုင်ဆိုင်မှုသည် သင့်အား 3D ဒြပ်စင်များ၏ အောက်ခြေအနေအထားကို ပြောင်းလဲနိုင်စေပါသည်။
ဒြပ်စင်တစ်ခုအတွက် perspectiveOrigin ပိုင်ဆိုင်မှုကို သတ်မှတ်သောအခါ၊ ၎င်းသည် ဒြပ်စင်ကိုယ်တိုင်မဟုတ်ဘဲ နေရာယူထားသည့် CHILD ဒြပ်စင်ဖြစ်သည်။
မှတ်ချက်- ဤပိုင်ဆိုင်မှုကို ရှုထောင့် ပိုင်ဆိုင်မှု နှင့် တွဲသုံးရမည်ဖြစ်ပြီး ၊ 3D အသွင်ပြောင်းထားသော ဒြပ်စင်များကိုသာ သက်ရောက်မှုရှိသည်။
Browser ပံ့ပိုးမှု
ဇယားရှိ နံပါတ်များသည် ပိုင်ဆိုင်မှုကို အပြည့်အဝထောက်ခံသည့် ပထမဆုံးဘရောက်ဆာဗားရှင်းကို သတ်မှတ်ပေးသည်။
Property | |||||
---|---|---|---|---|---|
perspectiveOrigin | 36.0 | 10.0 | 16.0 | 6.1 | 23.0 |
မှတ်ချက်- Chrome ဟောင်း၊ Safari နှင့် Opera သည် အခြားရွေးချယ်စရာတစ်ခုဖြစ်သည့် WebkitPerspectiveOrigin ပိုင်ဆိုင်မှုကို ပံ့ပိုးပေးသည်။
အထားအသို
ရှုထောင့်၏ မူလပိုင်ဆိုင်မှုကို ပြန်ပေးပါ။
object.style.perspectiveOrigin
ရှုထောင့်၏ မူလပိုင်ဆိုင်မှုကို သတ်မှတ်ပါ-
object.style.perspectiveOrigin = "x-axis y-axis|initial|inherit"
အိမ်ခြံမြေတန်ဖိုးများ
Value | Description |
---|---|
x-axis | Defining where the view is placed at the x-axis Possible values:
Default value: 50% |
y-axis | Defining where the view is placed at the y-axis Possible values:
Default value: 50% |
initial | Sets this property to its default value. Read about initial |
inherit | Inherits this property from its parent element. Read about inherit |
နည်းပညာဆိုင်ရာအသေးစိတ်
မူလတန်ဖိုး: | 50% 50% |
---|---|
ပြန်ပို့တန်ဖိုး- | ဒြပ်စင်တစ်ခု၏ ရှုထောင့်-မူလပိုင်ဆိုင်မှုကို ကိုယ်စားပြုသည့် စာကြောင်းတစ်ခု |
CSS ဗားရှင်း | CSS3 |
ဆက်စပ်စာမျက်နှာများ
JavaScript ပုံစံအရာဝတ္ထု- ရှုထောင့်ပိုင်ဆိုင်မှု
CSS ရည်ညွှန်းချက်- ရှုထောင့်-မူရင်း ပိုင်ဆိုင်မှု
❮ စတိုင်အရာဝတ္ထု