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

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

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

1. 1
   រូបភាពបានដោះកូដទៅ canvas

   ឯកសារនីមួយៗត្រូវបានផ្ទុកចូល HTMLImageElement តាម object URL ក្នុងស្រុក។ ពេលបានដោះកូដ ទិន្នន័យ pixel ត្រូវបានគូរលើ canvas ក្រៅអេក្រង់ដែលកំណត់ទំហំចំពោះវិមាត្រលទ្ធផល — រក្សាសមាមាត្រទិដ្ឋភាពប្រសិនបើទទឹងអតិបរមាត្រូវបានកំណត់។
2. 2
   ភាពថ្លា JPEG ត្រូវបានដោះស្រាយមុននឹងអ៊ិនកូដ

   ពេលបម្លែងទៅ JPEG (ដែលគ្មានឆានែលអាល់ហ្វា) canvas ត្រូវបានបំពេញដំបូងជាមួយផ្ទៃខាងក្រោយសមុននឹងគូររូបភាព ការពារតំបន់ថ្លាពីការបង្ហាញជាខ្មៅនៅក្នុងឯកសារលទ្ធផល។
3. 3
   canvas.toBlob() អ៊ិនកូដ pixels ឡើងវិញ

   canvas.toBlob(mime, quality) ដើមកំណើតរបស់កម្មវិធីរុករកអ៊ិនកូដ canvas ទៅទម្រង់ដែលបានជ្រើសរើស (JPG, PNG, WebP ឬ AVIF) នៅកម្រិតគុណភាពដែលបានស្នើសុំ។ ប្រសិនបើកម្មវិធីរុករកមិនគាំទ្រការអ៊ិនកូដទម្រង់មួយ ការសាកល្បងលក្ខណៈពិសេសដំណើរការនៅចាប់ផ្តើមបិទប៊ូតុងនោះជំនួសឱ្យផលិតឯកសារដាក់ស្លាកខុសដោយស្ងៀមស្ងាត់។
4. 4
   លទ្ធផលត្រូវបានចែកជា blob ក្នុងស្រុក

   blob ដែលបានអ៊ិនកូដត្រូវបានរុំក្នុង object URL ក្នុងស្រុកសម្រាប់ការមើលជាមុន និងទាញយកភ្លាមៗ។ សម្រាប់ឯកសារច្រើន JSZip ប្រកបពួកវាទៅជា ZIP នៅក្នុងកម្មវិធីរុករកមុននឹងការទាញយកត្រូវបានកេះ។

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