ຮຽນຮູ້ວິທີການຫມຸນໃນ SVG

Scalable Vector Graphics Rotate Function

ການຫມຸນຮູບພາບຈະປ່ຽນມຸມທີ່ຮູບພາບທີ່ສະແດງຢູ່. ສໍາລັບຮູບພາບທີ່ງ່າຍດາຍ, ນີ້ສາມາດເພີ່ມຄວາມຫຼາກຫຼາຍແລະມີຄວາມສົນໃຈກັບສິ່ງທີ່ອາດຈະເປັນຮູບພາບທີ່ກົງໄປກົງມາຫຼືເບື່ອຫນ່າຍ. ເຊັ່ນດຽວກັນກັບການປ່ຽນແປງທັງຫມົດ, ເຮັດວຽກ rotate ເປັນສ່ວນຫນຶ່ງຂອງການເຄື່ອນໄຫວຫຼືສໍາລັບຮູບພາບຄົງທີ່. ຮຽນຮູ້ວິທີການນໍາໃຊ້ rotate ໃນ SVG, ຫຼື Scalable Vector Graphics , ອະນຸຍາດໃຫ້ທ່ານຮ້ອງຂໍໃຫ້ມີມຸມທີ່ແຕກຕ່າງກັນກັບການອອກແບບຮູບຮ່າງຂອງທ່ານ. ຟັງຊັນ Rotate SVG ເຮັດວຽກເພື່ອເຮັດໃຫ້ຮູບພາບໃນທິດທາງໃດ.

ກ່ຽວກັບ Rotate

ຫນ້າທີ່ຫມຸນແມ່ນທັງຫມົດກ່ຽວກັບມຸມຂອງຮູບພາບ. ເມື່ອທ່ານອອກແບບ ຮູບພາບ SVG , ທ່ານຈະສ້າງຮູບແບບຄົງທີ່ທີ່ອາດຈະຢູ່ໃນມຸມມອງພື້ນເມືອງ. ຕົວຢ່າງ, ຮຽບຮ້ອຍຈະມີສອງດ້ານຕາມແກນ X ແລະສອງຕາມແກນ Y. ມີການຫມຸນ, ທ່ານສາມາດໃຊ້ເວລາເອົາຮູບສີ່ຫຼ່ຽມດຽວກັນແລະເຮັດໃຫ້ມັນເປັນຮູບແບບເພັດ.

ມີພຽງແຕ່ຫນຶ່ງຜົນກະທົບ, ທ່ານໄດ້ອອກຈາກປ່ອງປົກກະຕິຫຼາຍ (ເຊິ່ງແມ່ນທົ່ວໄປທົ່ວໄປກ່ຽວກັບເວັບໄຊທ໌) ເພື່ອເພັດ, ເຊິ່ງບໍ່ແມ່ນທົ່ວໄປຢູ່ໃນທຸກແລະທີ່ບໍ່ໄດ້ເພີ່ມບາງແນວພັນທີ່ຫນ້າສົນໃຈໃນການອອກແບບ. ຫມຸນແມ່ນຍັງສ່ວນຫນຶ່ງຂອງຄວາມສາມາດໃນການເຄື່ອນໄຫວໃນ SVG. ວົງກົມສາມາດເຮັດໄດ້ສະເຫມີໃນຂະນະທີ່ຖືກສະແດງ. motion ນີ້ສາມາດດຶງດູດຄວາມສົນໃຈຂອງຜູ້ມາຢ້ຽມຢາມແລະຊ່ວຍໃຫ້ທ່ານສາມາດສຸມໃສ່ປະສົບການຂອງເຂົາເຈົ້າກ່ຽວກັບພື້ນທີ່ສໍາຄັນຫຼືອົງປະກອບໃນການອອກແບບ.

ພືດຫມູນວຽນເຮັດວຽກກ່ຽວກັບທິດສະດີວ່າຈຸດຫນຶ່ງໃນຮູບພາບຈະຄົງຢູ່. ຈິນຕະນາການສິ້ນເຈ້ຍທີ່ຕິດກັບກະດາດແຂນທີ່ມີປອກຫມຸນ. ສະຖານທີ່ແຫຼມແມ່ນຈຸດທີ່ຖືກຕ້ອງ. ຖ້າທ່ານສົ່ງເຈ້ຍໂດຍການຈັບຂອບແລະການຫມຸນມັນໃນການເຄື່ອນໄຫວຕາມທິດເຂັມທິດຫຼືທາງກົງກັນຂ້າມ, ການກົດປຸ່ມຫມຸນບໍ່ເຄີຍເຄື່ອນຍ້າຍ, ແຕ່ມຸມສາກຍັງປ່ຽນແປງມຸມ. ແຜ່ນກະດາດຈະຫມຸນ, ແຕ່ຈຸດຄົງທີ່ຂອງແກນບໍ່ປ່ຽນແປງ. ນີ້ແມ່ນຄ້າຍຄືກັນກັບວິທີການຫມູນວຽນຫນ້າທີ່ເຮັດວຽກ.

Rotate Syntax

ມີຫມຸນ, ທ່ານກໍານົດມຸມຂອງການຫັນແລະຈຸດປະສົງຂອງພື້ນທີ່ຄົງທີ່.

transform = "rotate (45,100,100)"

ມຸມຂອງການຫມູນວຽນແມ່ນສິ່ງທໍາອິດທີ່ທ່ານເພີ່ມ. ໃນລະຫັດນີ້, ມຸມຂອງການຫມຸນແມ່ນ 45 ອົງສາ. ຈຸດສູນກາງແມ່ນສິ່ງທີ່ທ່ານຈະເພີ່ມຕໍ່ໄປ. ຈຸດທີ່ຈຸດສູນກາງນັ້ນຢູ່ໃນຈຸດປະສານງານ 100, 100. ຖ້າທ່ານບໍ່ເຂົ້າໃນຕໍາແຫນ່ງກາງ, ພວກເຂົາຈະຕັ້ງຄ່າເປັນ 0,0. ໃນຕົວຢ່າງຂ້າງລຸ່ມນີ້, ມຸມຈະຍັງຄົງເປັນ 45 ອົງສາ, ແຕ່ເນື່ອງຈາກຈຸດສູນກາງບໍ່ໄດ້ຖືກສ້າງຂຶ້ນ, ມັນຈະເປັນ 0,0.

transform = "rotate (45)"

ໂດຍຄ່າເລີ່ມຕົ້ນ, ມຸມໄປທາງດ້ານຂວາຂອງກາຟ. ເພື່ອຫມຸນຮູບຮ່າງໃນທິດທາງກົງກັນຂ້າມ, ທ່ານໃຊ້ເຄື່ອງຫມາຍລົບເພື່ອບອກລາຄາທີ່ມີຄ່າ.

transform = "rotate (-45)"

ການຫມູນວຽນ 45 ອົງສາແມ່ນການຫັນເປັນສີ່ປີນັບຕັ້ງແຕ່ມຸມແມ່ນອີງໃສ່ວົງມົນ 360 ອົງສາ. ຖ້າທ່ານບອກການປະຕິວັດເປັນ 360, ຮູບພາບຈະບໍ່ປ່ຽນແປງເພາະວ່າທ່ານກໍາລັງສະທ້ອນມັນໃນວົງກົມຢ່າງເຕັມທີ່, ດັ່ງນັ້ນຜົນໄດ້ຮັບສຸດທ້າຍຈະມີລັກສະນະຄ້າຍກັບບ່ອນທີ່ທ່ານໄດ້ເລີ່ມຕົ້ນ.