Ukuba ufuna ukusika umfanekiso ngoncedo lwe-SVG, ukusetyenziswa kweCSS- clip yepropathi kuyacetyiswa. Iskripthi esilandelayo sibangela izithintelo ezingathandekiyo: I-SVG inokugcinwa ngoncedo lwe-Illustrator, ungachaza (isihlobo okanye i-URL) ye-SVG (i-Chrome ixhasa ukuza kuthi ga ngoku ngokwendalo kuphela kwi-SVG) kwaye i-neckline nayo iphendula ngokupheleleyo.
Kuqala wenza imaski yokunqunyulwa kwiAdobe Illustrator kwaye uthumele ngaphandle i-SVG ngezi zicwangciso zilandelayo:
Umlinganiso wezinto ze-SVG kunye nomfanekiso kufuneka zifane. Okokugqibela, i-SVG yangaphandle ibhekisiwe emfanekisweni, umzekelo kwi- data clip clip:
1e4823ee95525ce0e04bb693c48e0e35
Ngoku udibanisa le script ilandelayo:
1e4823ee95525ce0e04bb693c48e0e35
Isiphumo kukuba:
See the Pen clip-path and SVGs by David Vielhuber (@vielhuber) on CodePen.