ຕົວໝຸນ & ກັ່ນຮູບ ຟຣີ

ມັນເຮັດວຽກແນວໃດ

ການໝູນ, ພິກ, ແລະ ແກ້ໄຂມຸມທີ່ນີ້ເຮັດວຽກທັງໝົດພາຍໃນບຣາວເຊີຂອງທ່ານໂດຍໃຊ້ HTML Canvas API — ບໍ່ມີໄຟລ໌ຖືກສົ່ງໄປຫາເຊີບເວີໃດໆເລີຍ. ເຄື່ອງມືແຕ້ມຮູບຂອງທ່ານລົງໃນ canvas ນອກໜ້າຈໍທີ່ມຸມ ແລະ ການປ່ຽນຂະໜາດທີ່ເລືອກ, ຈາກນັ້ນເຂົ້າລະຫັດຜົນລັບເປັນ JPEG, PNG, ຫຼື WebP ໂດຍໃຊ້ codec ຂອງບຣາວເຊີເອງ.

1. 1
   ຮູບພາບຖືກຖອດລະຫັດໃນເຄື່ອງ

   ໄຟລ໌ JPEG, PNG, ຫຼື WebP ຂອງທ່ານຖືກໂຫຼດເຂົ້າ HTMLImageElement ຜ່ານ object URL ໃນເຄື່ອງ — ການອ້າງອິງໜ່ວຍຄວາມຈຳຂອງບຣາວເຊີທີ່ບໍ່ອອກຈາກອຸປະກອນຂອງທ່ານເລີຍ. ຂະໜາດ pixel ຕົ້ນສະບັບຖືກອ່ານໂດຍກົງຈາກ bitmap ທີ່ຖອດລະຫັດແລ້ວ.
2. 2
   ການປ່ຽນຮູບຂອງ canvas ຖືກນຳໃຊ້

   canvas ນອກໜ້າຈໍຖືກປັບຂະໜາດໃຫ້ພໍດີກັບຂອບເຂດຮູບໝູນ (width·cos + height·sin ສຳລັບແຕ່ລະແກນ). ບໍລິບົດ Canvas 2D ຈາກນັ້ນຖືກຍ້າຍໄປສູນກາງ, ໝູນຕາມມຸມທີ່ເລືອກເປັນຣາດຽນ, ແລະ ປັບຂະໜາດດ້ວຍ -1 ໃນແກນນອນ ຫຼື ແກນຕັ້ງສຳລັບການພິກ — ທັງໝົດເປັນການດຳເນີນການ ctx.rotate / ctx.scale ມາດຕະຖານໂດຍບໍ່ມີໄລບຣາຣີພາຍນອກ.
3. 3
   ຕັດມຸມອັດຕະໂນມັດ (ທາງເລືອກ)

   ສຳລັບການໝູນທີ່ບໍ່ແມ່ນມຸມສາກ, ຟັງຊັນເລຂາຄະນິດທີ່ຂຽນເອງ — largestInnerRect — ຄິດໄລ່ສີ່ຫຼ່ຽມທີ່ໃຫຍ່ທີ່ສຸດຕາມແກນທີ່ມີອັດຕາສ່ວນເດີມທີ່ພໍດີພາຍໃນຂອບເຂດຮູບໝູນ, ດັ່ງນັ້ນມູມຫວ່າງຮູບສາມຫຼ່ຽມຈຶ່ງຖືກລົບອອກໂດຍບໍ່ບິດເບືອນຮູບ.
4. 4
   Codec ຂອງບຣາວເຊີເຂົ້າລະຫັດຜົນລັບ

   canvas.toBlob() ສົ່ງຂໍ້ມູນ pixel ໃຫ້ຕົວເຂົ້າລະຫັດຮູບພາບທີ່ມີໃນຕົວບຣາວເຊີ, ສ້າງ JPEG (ພ້ອມຄຸນນະພາບ ແລະ ສີພື້ນຫຼັງທີ່ເລືອກໄດ້ສຳລັບມູມໂປ່ງໃສ), PNG, ຫຼື WebP Blob ທີ່ທ່ານດາວໂຫຼດໄດ້ໂດຍກົງ.

ເຄື່ອງມືທີ່ກ່ຽວຂ້ອງ