កម្មវិធីប្តូរទំហំរូបភាព ឥតគិតថ្លៃ

វាដំណើរការដោយរបៀបណា

ការប្តូរទំហំកើតឡើងទាំងស្រុងនៅក្នុងកម្មវិធីរុករករបស់អ្នកដោយប្រើ Canvas API — ម៉ាស៊ីនបង្ហាញដូចគ្នាដែលភ្ជាប់ជាមួយ Chrome, Firefox និង Safari។ រូបភាពរបស់អ្នកត្រូវបានគូរលើ canvas ក្រៅអេក្រង់នៅវិមាត្រថ្មី និងអ៊ិនកូដឡើងវិញក្នុងស្រុក; គ្មានអ្វីចាកចេញពីឧបករណ៍របស់អ្នកទេ។

1. 1
   រូបភាពត្រូវបានដោះកូដដោយកម្មវិធីរុករក

   ពេលអ្នកទម្លាក់ ឬជ្រើសរើសឯកសារ កម្មវិធីរុករកដោះកូដរូបភាព (JPEG, PNG, WebP, AVIF ឬ GIF) ទៅទិន្នន័យ pixel ដើមតាម HTMLImageElement។ វិមាត្រ pixel ដើមត្រូវបានអាន និងប្រើដើម្បីបំពេញមុនវាលទទឹង និងកម្ពស់។
2. 2
   Canvas គូរឡើងវិញនៅទំហំថ្មី

   ការចុច Resize កំណត់ HTMLCanvasElement ក្រៅអេក្រង់ទៅទទឹង និងកម្ពស់ដែលអ្នកបានជ្រើសរើស រួចហៅ ctx.drawImage() ដើម្បីធ្វើមាត្រដ្ឋាន និងគូរ pixel នីមួយៗចូលវិមាត្រថ្មី។ សម្រាប់លទ្ធផល JPEG ផ្ទៃខាងក្រោយពណ៌សត្រូវបានបំពេញជាមុន ដូច្នេះតំបន់ថ្លាមិនក្លាយជាខ្មៅទេ។
3. 3
   canvas.toBlob() អ៊ិនកូដលទ្ធផល

   វិធីសាស្ត្រ canvas.toBlob() ដើមកំណើតរបស់កម្មវិធីរុករកអ៊ិនកូដទិន្នន័យ pixel ទៅ JPEG, PNG ឬ WebP នៅកម្រិតគុណភាពដែលអ្នកកំណត់។ ប្រសិនបើអ្នកកំណត់ទំហំឯកសារគោលដៅ ការស្វែងរកគោលពីរ 7-ដងដដែលៗលៃតម្រូវប៉ារ៉ាម៉ែត្រគុណភាពដោយស្វ័យប្រវត្តិរហូតដល់លទ្ធផលសមនឹង ឬក្រោមទំហំនោះ។
4. 4
   លទ្ធផលត្រូវបានមើលជាមុន និងទាញយកក្នុងស្រុក

   Blob ដែលបានអ៊ិនកូដក្លាយជា object URL សម្រាប់ផ្ទាំងមើលជាមុន — គ្មានការធ្វើដំណើររង្វិលជុំម៉ាស៊ីនមេទេ។ ការចុចទាញយកកេះការរក្សាទុកក្នុងស្រុកជាមួយឈ្មោះឯកសារដែលរួមវិមាត្រ pixel ចុងក្រោយ។

ឧបករណ៍ពាក់ព័ន្ធ