இலவச படம் சுழற்றி & புரட்டி

இது எவ்வாறு செயல்படுகிறது

இங்கே சுழற்றல், புரட்டல், கோணத் திருத்தம் HTML Canvas API மூலம் முழுவதும் உங்கள் உலாவிக்குள் இயங்குகின்றன — எந்தக் கோப்பும் சர்வருக்கு அனுப்பப்படுவதில்லை. கருவி உங்கள் படத்தைத் தேர்ந்தெடுத்த கோணம் மற்றும் அளவு மாற்றங்களுடன் திரைக்கு வெளியே உள்ள canvas இல் வரைந்து, உலாவியின் சொந்த codec மூலம் முடிவை JPEG, PNG அல்லது WebP ஆகக் குறியாக்குகிறது.

1. 1
   படம் உள்ளூரில் decode செய்யப்படுகிறது

   உங்கள் JPEG, PNG அல்லது WebP கோப்பு உள்ளூர் object URL வழியாக HTMLImageElement இல் ஏற்றப்படுகிறது — உங்கள் சாதனத்தை விட்டு வெளியேறாத உலாவி நினைவகக் குறிப்பு. இயல்பான pixel பரிமாணங்கள் decode செய்த bitmap இலிருந்து நேரடியாகப் படிக்கப்படுகின்றன.
2. 2
   Canvas transform பயன்படுத்தப்படுகிறது

   சுழற்றிய bounding box க்குப் பொருந்தும்படி (ஒவ்வொரு அச்சுக்கும் width·cos + height·sin) திரைக்கு வெளியே உள்ள canvas அளவிடப்படுகிறது. பின் Canvas 2D context மையத்துக்கு நகர்த்தப்பட்டு, தேர்ந்தெடுத்த கோணத்தில் radians இல் சுழற்றப்பட்டு, புரட்டல்களுக்குக் கிடைமட்ட அல்லது செங்குத்து அச்சில் -1 ஆல் அளவிடப்படுகிறது — அனைத்தும் வெளி நூலகம் இல்லாத நிலையான ctx.rotate / ctx.scale செயல்பாடுகள்.
3. 3
   தானியங்கி வெட்டு மூலைகளை நீக்குகிறது (விருப்பம்)

   செங்கோணம் அல்லாத சுழற்சிகளுக்கு, கையால் எழுதிய வடிவவியல் function — largestInnerRect — சுழற்றிய bounding box க்குள் பொருந்தும் அசல் விகிதத்தின் மிகப்பெரிய அச்சு-சீரான செவ்வகத்தைக் கணக்கிடுகிறது; எனவே படத்தைச் சிதைக்காமல் முக்கோண வெற்று மூலைகள் நீக்கப்படுகின்றன.
4. 4
   உலாவி codec முடிவைக் குறியாக்குகிறது

   canvas.toBlob() pixel தரவை உலாவியின் உள்ளமைந்த பட encoder க்கு அனுப்பி, நீங்கள் நேரடியாகப் பதிவிறக்கும் JPEG (தேர்ந்தெடுக்கக்கூடிய தரம் மற்றும் வெளிப்படையான மூலைகளுக்கான பின்னணி நிரப்பு நிறத்துடன்), PNG அல்லது WebP Blob ஐ உருவாக்குகிறது.

தொடர்புடைய கருவிகள்