ຄວາມສະແດງ Style transformOrigin

ການກໍານົດ ແລະ ການນໍາໃຊ້

transformOrigin ຄວາມສະແດງນັ້ນສາມາດປ່ຽນແປງທິດທາງຂອງສັບພາສາທີ່ໄດ້ຖືກປ່ຽນແປງ.

ປະກອບສະແດງ 2D ສາມາດປ່ຽນແປງທິດທາງ x-axis ແລະ y-axis. ປະກອບສະແດງ 3D ສາມາດປ່ຽນແປງທິດທາງ z-axis ຂອງສັບພາສາຂອງທ່ານ.

ຄວາມສຳນວນ:ຄວາມສະແດງນັ້ນຕ້ອງຢູ່ພາຍໃນ: ຄວາມສະແດງ transform ການນຳໃຊ້ຮ່ວມກັນ.

ບໍ່ມີຄວາມສຳນວນ:

ອະທິບາຍ JavaScript Style Object:ຄວາມສະແດງ transform

ປະກອບການອະທິບາຍ CSS:ປະສົມປະກອບ 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

ການກໍານົດທີ່ຢູ່ຂອງຄຳຕອບກັບທີ່ຢູ່ພາຍໃນຕາຕະລາງ x-axis. ຄຳຕອບກັບທີ່ສາມາດໃຊ້:

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

ການກໍານົດທີ່ຢູ່ຂອງຄຳຕອບກັບທີ່ຢູ່ພາຍໃນຕາຕະລາງ y-axis. ຄຳຕອບກັບທີ່ສາມາດໃຊ້:

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

ການກໍານົດການຕັ້ງທີ່ຢູ່ຂອງຄຳຕອບກັບທີ່ຢູ່ພາຍໃນຕາຕະລາງ z-axis. ຄຳຕອບກັບທີ່ສາມາດໃຊ້:

  • length
initial ການຕັ້ງຄວາມສະແດງນັ້ນໃຫ້ເປັນຄຳຕອບກັບຄົນທຳມະດາ. ບັນປະກອບ initial.
inherit ຍິນຍອມການສະຫຼັບຄວາມສະແດງນັ້ນຈາກປະກອບພໍ່. ບັນປະກອບ inherit.

ຂໍ້ມູນດ້ານເຕັກນິກ

ຄຳຕອບກັບຄົນທຳມະດາ: 50% 50% 0
ຄຳຕອບກັບ: ຄຳເວົ້າທີ່ສະແດງສະຖານະຂອງບັນດາສັບພາສາຂອງປະກອບ. ປະສົມປະກອບ transform-origin.
ສະພາບ CSS: CSS3

ການສະຫຼັບສາຍສະແດງ

ຈຳນວນທີ່ໃນຕາຕະລາງສະແດງຄວາມສາມາດຂອງສາຍສະແດງທີ່ເປັນຄັ້ງທຳອິດທີ່ສະຫຼັບຄວາມສະແດງນັ້ນ.

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