ប្រសិនបើអ្នកចង់កាត់រូបភាពដោយប្រើ SVG វាត្រូវបានណែនាំឱ្យប្រើលក្ខណសម្បត្តិ CSS `clip-path` ។ ស្គ្រីបខាងក្រោមលុបបំបាត់ឧបសគ្គជាច្រើន៖ SVG អាចត្រូវបានរក្សាទុកដោយប្រើ Illustrator អ្នកអាចបញ្ជាក់ URL (ទាក់ទង ឬដាច់ខាត) នៃ SVG (Chrome បច្ចុប្បន្ន គាំទ្រ តែ SVG ក្នុងបន្ទាត់ប៉ុណ្ណោះ) ហើយការកាត់ចេញក៏ឆ្លើយតបទាំងស្រុងផងដែរ។
ដំបូងអ្នកបង្កើត របាំងច្រឹប នៅក្នុង Adobe Illustrator ហើយនាំចេញអេសជីជីជាមួយការកំណត់ដូចខាងក្រោម:
សមាមាត្រទិដ្ឋភាពនៃ SVG និងរូបភាពគួរតែដូចគ្នា។ ជាចុងក្រោយ SVG ខាងក្រៅត្រូវបានយោងនៅក្នុងរូបភាព ឧទាហរណ៍ នៅក្នុងគុណលក្ខណៈ `data-clip` ។:
1e4823ee95525ce0e04bb693c48e0e35
ឥឡូវអ្នកបញ្ចូលស្គ្រីបខាងក្រោម:
1e4823ee95525ce0e04bb693c48e0e35
លទ្ធផលគឺអញ្ចឹង:
See the Pen clip-path and SVGs by David Vielhuber (@vielhuber) on CodePen.