កម្មវិធីមើល SVG
បិទភ្ជាប់ SVG markup ដើម ហើយមើល preview នៃលទ្ធផលដែលបានបង្ហាញភ្លាមៗ។
ការមើលជាមុននឹងបិទ script និង external references ប៉ុន្តែអ្នកនៅតែអាចពិនិត្យ viewBox និងព័ត៌មានទំហំបាន។
មើល SVG ជាមុន: បិទភ្ជាប់កូដដើម ហើយពិនិត្យលទ្ធផលភ្លាមៗ
ពិនិត្យ viewBox និងទំហំ: ពិនិត្យភាពថ្លា និងខ្លឹមសារដែលអាចមិនសុវត្ថិភាព
របៀបប្រើ
- បិទភ្ជាប់ SVG code ឬផ្ទុកឯកសារ `.svg`។
- ប្ដូរផ្ទៃខាងក្រោយ និងកម្រិត zoom ដើម្បីពិនិត្យ rendering។
- ពិនិត្យ viewBox, ព័ត៌មានទំហំ, និងការព្រមាន បន្ទាប់មករក្សាទុក SVG បើចាំបាច់។
គំរូ
SVG រូបតំណាងសាមញ្ញ
បញ្ចូល
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
លទ្ធផល
រូបតំណាងមូលពណ៌ខៀវត្រូវបានបង្ហាញ ហើយ viewBox បង្ហាញជា `0 0 120 120` នៅក្នុងផ្នែកព័ត៌មាន។
សំណួរញឹកញាប់
តើ SVG របស់ខ្ញុំត្រូវបានផ្ទុកឡើងទៅកន្លែងណាមួយទេ?
ទេ។ SVG ដែលបានបិទភ្ជាប់ និងឯកសារដែលបានផ្ទុក ស្ថិតនៅក្នុង browser របស់អ្នក ហើយមិនត្រូវបានផ្ញើទៅ server ទេ។
តើមានអ្វីកើតឡើងចំពោះ SVG ដែលមាន script ឬ foreignObject?
ការមើលជាមុនដែលមានសុវត្ថិភាពនឹងលុបធាតុទាំងនោះចោលមុនបង្ហាញ ហើយបង្ហាញការព្រមានក្នុងផ្នែកព័ត៌មាន។
SVG ដែលមានរូបភាព ឬពុម្ពអក្សរខាងក្រៅ នឹងបង្ហាញដូចដើមជានិច្ចទេ?
មិនមែនគ្រប់ពេលទេ។ External references ត្រូវបានបិទ ដូច្នេះរូបរាងអាចខុសពីបរិស្ថានដើម។ ឧបករណ៍នេះផ្តោតលើការពិនិត្យ local ប្រកបដោយសុវត្ថិភាព។
ហេតុអ្វី SVG របស់ខ្ញុំមិនបង្ហាញ?
មូលហេតុដែលជាញឹកញាប់គឺ XML មិនត្រឹមត្រូវ, tag ដែលមិនបានបិទ, ឬ root element មិនមែន `svg` ។ សូមពិនិត្យ error message ដែលឧបករណ៍បង្ហាញ។
ហេតុអ្វីបានជាខ្ញុំគួរប្ដូរផ្ទៃខាងក្រោយ?
ផ្ទៃថ្លា និងរូបតំណាងពណ៌ស្រាល អាចមើលខុសប្លែកគ្នាខ្លាំងអាស្រ័យលើផ្ទៃខាងក្រោយ ដូច្នេះឧបករណ៍អនុញ្ញាតឲ្យអ្នកសាកល្បងផ្ទៃក្រឡាចត្រង្គ, ពណ៌ស, និងពណ៌ងងឹតបានលឿន។
ចំណាំ
- ដើម្បីសុវត្ថិភាព external URL references និងធាតុគ្រោះថ្នាក់ត្រូវបានបិទមុនបង្ហាញ។
- SVG ដែលពឹងផ្អែកលើអក្សរ ឬរូបភាពខាងក្រៅ អាចមើលមិនដូចនៅបរិស្ថានដើម។
- SVG ធំៗនឹងប្ដូរចេញពី live preview ដោយស្វ័យប្រវត្តិ ហើយសុំឲ្យអ្នក render ដោយដៃ។