Style transformOrigin အခြေအနေ

အဆိုပါ အခြေအနေ နှင့် အသုံးပြု

transformOrigin အခြေအနေ အချက် ကို ပြုပြင်ကြည့်ချင်

ကုဒ္ဒရာ အစီအစဉ် အခြေအနေ အတ္ထုပတ္တိ ကို ပြုပြင်ကြည့်ချင်

မှတ်ချက်ထိုအခြေအနေ ကို ကျွန်ုပ်ကိုယ် ကျင်းပ transform အခြေအနေ နှင့် အသုံးပြု

ကျွန်ုပ်ကိုယ် ကျင်းပ

ဂျာမည်မေးနီ အဆိုအရာ အစားtransform အခြေအနေ

ဘရပ်လာ ကုဒ္ဒရာtransform-origin အခြေအနေ

အမှတ်

အစီအစဉ် ပြုပြင်ကြည့်ချင်

document.getElementById("myDIV").style.transformOrigin = "0 0";

ကျွန်ုပ်ကိုယ် ကျင်းပ

ပုံစံ

transformOrigin အခြေအနေ ကို ပြန်လည်သတင်း

object.style.transformOrigin

transformOrigin အခြေအနေ ကို ကြည့်ချင်

object.style.transformOrigin = "x-axis y-axis z-axis|initial|inherit"

အခြေအနေ

အတ္ထုပတ္တိ ဖော်ပြ
x-axis

အစားအများအားဖြင့် အစားအများ ကုဒ္ဒရာ ပေါ်မှ ထိုအခြေအနေ ကို ကြည့်ချင်

  • left
  • center
  • right
  • length
  • %
y-axis

အစားအများအားဖြင့် အစားအများ ကုဒ္ဒရာ ပေါ်မှ ထိုအခြေအနေ ကို ကြည့်ချင်

  • top
  • center
  • bottom
  • length
  • %
z-axis

အစားအများအားဖြင့် အစားအများ ကုဒ္ဒရာ ပေါ်မှ ထိုအခြေအနေ ကို ကြည့်ချင်

  • length
initial ထိုအခြေအနေ ကို မူကြမ်း ပြင်ဆင်ကြည့်ချင် initial။
inherit အသီးသီး မြောက်ရိုးမှ ထိုအခြေအနေ ကို လက်ခံကြည့်ချင် inherit။

နည်းပါး အချက်

မူကြမ်း ပြင်ဆင် 50% 50% 0
ပြန်လည်သတင်း သီးခြား အကျွန်း ကို အစိုးရ transform-origin အခြေအနေ။
ဘရပ်လာ ကုဒ္ဒရာ အဆင်း ဘရပ်လာ ကုဒ္ဒရာ

ဘရပ်လာ ထောက်ပံ့

အစားအများအားဖြင့် ထိုအခြေအနေကို အကောင်အထုံး ထောက်ပံ့သော ဘရပ်လာများ အမှတ်များ ပြင်ဆင်ထားသည်။

Chrome Edge Firefox Safari Opera
Chrome Edge Firefox Safari Opera
36.0 10.0 16.0 9.0 23.0