មគ្គុទ្ទេសរចនាគេហទំព័រដើម្បីប្រើប្រាស់ប្រអប់មើល 'SVG' (HTML)
ប្រអប់មើលគឺជាគុណលក្ខណៈដែលត្រូវបានប្រើជាទូទៅនៅពេលបង្កើតរូបរាង SVG ។ ប្រសិនបើអ្នកគិតថាឯកសារជាផ្ទាំងក្រណាត់ប្រអប់ទិដ្ឋភាពគឺជាផ្នែកមួយនៃផ្ទាំងក្រណាត់ដែលអ្នកចង់ឱ្យអ្នកមើលឃើញ។ ទោះបីជាទំព័រនេះគ្របដណ្តប់លើអេក្រង់កុំព្យួទ័រទាំងស្រុងក៏ដោយក៏តួលេខអាចមានតែមួយភាគបីប៉ុណ្ណោះ។
ប្រអប់មើលអនុញ្ញាតឱ្យអ្នកប្រាប់កម្មវិធីញែកដើម្បីពង្រីកទីបី។ វាលុបបំបាត់ទំហំពណ៌សបន្ថែម។ គិតថាប្រអប់ទិដ្ឋភាពជាវិធីនិម្មិតដើម្បីច្រឹបរូបភាព។
បើគ្មានវាក្រាហ្វិករបស់អ្នកនឹងបង្ហាញទំហំទីបីនៃទំហំពិតប្រាកដរបស់វា។
តម្លៃប្រអប់មើល
ដើម្បីច្រឹបរូបភាពអ្នកត្រូវតែបង្កើតចំណុចនៅលើរូបភាពដើម្បីកាត់បន្ថយ។ ដូចគ្នានេះដែរគឺជាការពិតនៅពេលប្រើគុណលក្ខណៈប្រអប់ទិដ្ឋភាព។ ការកំណត់តម្លៃសម្រាប់ប្រអប់មើលរួមមាន:
- minx - កូអរដោនេ x
- miny - កូអរដោនេនៃ y ដំបូង
- ទទឹង -width នៃប្រអប់ view
- កម្ពស់ - ខ្ពស់នៃប្រអប់ view
វាក្យសម្ព័ន្ធសម្រាប់តម្លៃប្រអប់ទិដ្ឋភាពគឺ:
viewBox = "0 0 200 150"
កុំច្រឡំទទឹងនិងកម្ពស់នៃប្រអប់ទិដ្ឋភាពដែលមានទទឹងនិងកម្ពស់ដែលអ្នកកំណត់សម្រាប់ឯកសារ SVG ។ នៅពេលអ្នកបង្កើតឯកសារ SVG មួយនៃតម្លៃដំបូងដែលអ្នកបង្កើតគឺទទឹងនិងកម្ពស់ឯកសារ។ ឯកសារជាផ្ទាំងក្រណាត់។ ប្រអប់ទិដ្ឋភាពអាចគ្របដណ្តប់ផ្ទាំងក្រណាត់ទាំងមូលឬគ្រាន់តែផ្នែកមួយនៃវា។
ប្រអប់ទិដ្ឋភាពនេះគ្របដណ្តប់ទំព័រទាំងមូល។
ប្រអប់ទិដ្ឋភាពនេះគ្របដណ្តប់ពាក់កណ្តាលទំព័រដែលចាប់ផ្តើមនៅជ្រុងខាងស្តាំខាងលើ។
រាងរបស់អ្នកក៏មានការកំណត់កម្ពស់និងទទឹងផងដែរ។
វាជាឯកសារមួយដែលគ្របដណ្តប់ 800 x 400 px ជាមួយនឹងប្រអប់មើលដែលចាប់ផ្តើមពីជ្រុងខាងស្តាំខាងលើនិងពង្រីកពាក់កណ្តាលនៃទំព័រ។ រូបរាងជាចតុកោណដែលចាប់ផ្ដើមនៅជ្រុងខាងស្តាំខាងលើនៃប្រអប់ទិដ្ឋភាពនិងផ្លាស់ទី 100 ភីកខាងឆ្វេងនិង 50 ភីចស៊ែលចុះក្រោម។
ហេតុអ្វីកំណត់ប្រអប់មើល?
SVG ធ្វើបានច្រើនជាងគ្រាន់តែគូសរូបរាង។ វាអាចបង្កើតតួលេខមួយនៅលើកំពូលមួយទៀតសម្រាប់ឥទ្ធិពលស្រមោល។ វាអាចផ្លាស់ប្តូររូបរាងមួយដើម្បីឱ្យវាលាតត្រដាងតាមទិសមួយ។ សម្រាប់តម្រងកម្រិតខ្ពស់អ្នកត្រូវយល់និងប្រើគុណលក្ខណៈប្រអប់ទិដ្ឋភាព។