Uma ufuna ukuphuma isithombe ngosizo i SVG, ukusetshenziswa CSS impahla isiqeshana endleleni Kunconywa. Iskripthi esilandelayo sibangela izithiyo eziyinqwaba: I-SVG ingagcinwa ngosizo lwe-Illustrator, ungacacisa i-URL (yesihlobo noma ephelele) ye-SVG (i-Chrome isekela kuze kube manje ngokwesendalo kuphela emgqeni we-SVG) futhi i-neckline nayo iphendula ngokuphelele.
Okokuqala udala imaski yokuchofoza ku-Adobe Illustrator bese uthumela i-SVG ngezilungiselelo ezilandelayo:
Izilinganiso zesici se-SVG nesithombe kufanele zifane. Ekugcineni, i-SVG yangaphandle ikhonjisiwe esithombeni, ngokwesibonelo kumfanelo yedatha-clip:
1e4823ee95525ce0e04bb693c48e0e35
Manje uhlanganisa umbhalo olandelayo:
1e4823ee95525ce0e04bb693c48e0e35
Umphumela uba ukuthi:
See the Pen clip-path and SVGs by David Vielhuber (@vielhuber) on CodePen.