កម្មវិធីបង្កើនប្រសិទ្ធភាព និងបង្រួម SVG ឥតគិតថ្លៃ

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

ឧបករណ៍នេះកាត់បន្ថយទំហំឯកសារ SVG ដោយប្រើកម្មវិធីធ្វើឲ្យប្រសើរសរសេរដោយដៃដែលដំណើរការទាំងស្រុងក្នុងកម្មវិធីរុករករបស់អ្នក — គ្មានបណ្ណាល័យ គ្មានម៉ាស៊ីនមេឡើយ។ វារួមបញ្ចូលជំហានពីរ: DOMParser/XMLSerializer ដែលមានក្នុងកម្មវិធីរុករកសម្រាប់ការងារជាក់លាក់កម្រិតលក្ខណៈសម្បត្តិ និងការជំនួស regex ជាក់លាក់សម្រាប់ការដកសំគាល់ ការលុបទិន្នន័យមេតា និងការបង្រួមចន្លោះស្រង់។

1. 1
   DOMParser សម្អាត SVG

   មុនពេលធ្វើឲ្យប្រសើរណាមួយ DOMParser របស់កម្មវិធីរុករកអាន SVG ជា XML ហើយដើរឆ្លងកាត់ធាតុនីមួយៗ។ ស្លាកស្គ្រីប ដំណាក់ការព្រឹត្តិការណ៍ (លក្ខណៈសម្បត្តិ on* ណាមួយ) ធាតុចលនា និងការយោង URL ខាងក្រៅត្រូវបានលុបចេញដោយគ្មានលក្ខខណ្ឌ — នេះដំណើរការមិនថាអ្នកជ្រើសរើសជម្រើសធ្វើឲ្យប្រសើរណាមួយឡើយ។
2. 2
   ការបង្គត់ទសភាគផ្អែកលើ DOM

   ប្រសិនបើការបង្គត់ទសភាគត្រូវបានបើក កម្មវិធីធ្វើឲ្យប្រសើរដើរឆ្លងកាត់ DOM ដែលបានញែកម្តងទៀត ហើយអនុវត្តការបង្គត់តែលើលក្ខណៈសម្បត្តិលេខដែលស្គាល់ (ទិន្នន័យផ្លូវ d កូអរដោនេ តម្លៃប្តូរទម្រង់ ទទឹងបន្ទាត់ ។ល។) ដោយប្រើ regex ដែលផ្គូផ្គងលេខ floating-point នីមួយៗដោយមិនធ្វើឲ្យតម្លៃផ្លូវភ្ជាប់គ្នាដូចជា .5.5 ខូច។
3. 3
   ជំហាន regex សម្អាតវាក្យសម្ព័ន្ធដែលបាន serialise

   XMLSerializer បង្កើត XML ធម្មតា បន្ទាប់មកការជំនួសខ្សែអក្សរជាក់លាក់ដកសំគាល់ HTML ទិន្នន័យមេតាកម្មវិធីកែសម្រួល Inkscape/Sodipodi ការប្រកាស XML លក្ខណៈសម្បត្តិលំនាំដើមលើសចាំបាច់ (ដូចជា version="1.1") និងចន្លោះស្រង់រវាងស្លាក — ជំហាននីមួយៗត្រូវបានកំណត់ដោយប្រុងប្រយ័ត្នដូច្នេះមាតិកាថ្នាំងអត្ថបទមិនត្រូវប៉ះពាល់ឡើយ។
4. 4
   ទំហំ gzip និងទ្រង់ទ្រាយនាំចេញ

   CompressionStream API របស់កម្មវិធីរុករកគណនាទំហំ gzip ពិតប្រាកដទាំងព័ត៌មានបញ្ចូល និងលទ្ធផល ចាប់តាំងពីនោះជាអ្វីដែលកំណត់ថ្លៃដើមផ្ទេរនៅលើបណ្តាញពិតប្រាកដ។ SVG ដែលបានធ្វើឲ្យប្រសើរអាចត្រូវបានទាញយក ចម្លងជា SVG ដើម បំប្លែងទៅជា React JSX-ready camelCase attributes ឬអ៊ិនកូដជា CSS data URI — ការបំប្លែងទាំងអស់កើតឡើងនៅមូលដ្ឋាន។

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