இலவச பட மறுஅளவி

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

மறுஅளவாக்கம் Canvas API மூலம் முழுவதும் உங்கள் உலாவியில் நடக்கிறது — Chrome, Firefox, Safari இல் உள்ளமைந்த அதே rendering இயந்திரம். உங்கள் படம் புதிய பரிமாணங்களில் திரைக்கு வெளியே உள்ள canvas இல் வரையப்பட்டு உள்ளூரில் மீண்டும் குறியாக்கப்படுகிறது; எதுவும் உங்கள் சாதனத்தை விட்டு வெளியேறுவதில்லை.

1. 1
   உலாவியால் படம் decode செய்யப்படுகிறது

   நீங்கள் ஒரு கோப்பை விடும்போது அல்லது தேர்ந்தெடுக்கும்போது, உலாவி படத்தை (JPEG, PNG, WebP, AVIF அல்லது GIF) HTMLImageElement வழியாக மூல pixel தரவாக decode செய்கிறது. அசல் pixel பரிமாணங்கள் படிக்கப்பட்டு அகலம், உயரப் புலங்களை முன்நிரப்பப் பயன்படுத்தப்படுகின்றன.
2. 2
   Canvas புதிய அளவில் மீண்டும் வரைகிறது

   மறுஅளவாக்கு என்பதைக் கிளிக் செய்தால் திரைக்கு வெளியே உள்ள HTMLCanvasElement நீங்கள் தேர்ந்தெடுத்த அகலம், உயரத்துக்கு அமைக்கப்பட்டு, ctx.drawImage() அழைக்கப்பட்டு ஒவ்வொரு pixel உம் புதிய பரிமாணங்களுக்கு அளவிடப்பட்டு வரையப்படுகிறது. JPEG வெளியீட்டுக்கு, வெளிப்படையான பகுதிகள் கருப்பாகாமல் இருக்க முதலில் வெள்ளைப் பின்னணி நிரப்பப்படுகிறது.
3. 3
   canvas.toBlob() வெளியீட்டைக் குறியாக்குகிறது

   உலாவியின் உள்ளமைந்த canvas.toBlob() முறை pixel தரவை நீங்கள் அமைத்த தர நிலையில் JPEG, PNG அல்லது WebP ஆகக் குறியாக்குகிறது. இலக்குக் கோப்பு அளவைக் குறிப்பிட்டிருந்தால், 7-சுற்று binary search வெளியீடு அந்த அளவுக்குள் பொருந்தும் வரை தர அளவுருவைத் தானாகச் சரிசெய்கிறது.
4. 4
   முடிவு உள்ளூரில் முன்னோட்டமிடப்பட்டுப் பதிவிறக்கப்படுகிறது

   குறியாக்கிய Blob முன்னோட்டப் பலகத்துக்காக object URL ஆக மாற்றப்படுகிறது — சர்வர் பயணம் இல்லை. பதிவிறக்கு என்பதைக் கிளிக் செய்தால் இறுதி pixel பரிமாணங்களை உள்ளடக்கிய கோப்புப் பெயருடன் உள்ளூர் சேமிப்பு தூண்டப்படுகிறது.

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