Uma ufuna ukusika isithombe usebenzisa i-SVG, kunconywa ukuthi usebenzise i-CSS property `clip-path` . Iskripthi esilandelayo sisusa izithiyo eziningana: Ama-SVG angalondolozwa kusetshenziswa i-Illustrator, ungacacisa i-URL (ehlobene noma ephelele) ye-SVG (i-Chrome okwamanje isekela ama-SVG angaphakathi kuphela), futhi i-cutout nayo iyaphendula ngokuphelele.
Okokuqala udala imaski yokuchofoza ku-Adobe Illustrator bese uthumela i-SVG ngezilungiselelo ezilandelayo:
Izilinganiso zesici se-SVG nesithombe kufanele zifane. Okokugcina, i-SVG yangaphandle ibhekiselwa esithombeni, isibonelo, kumfanelo ethi `data-clip` .:
1e4823ee95525ce0e04bb693c48e0e35
Manje uhlanganisa umbhalo olandelayo:
1e4823ee95525ce0e04bb693c48e0e35
Umphumela uba ukuthi:
See the Pen clip-path and SVGs by David Vielhuber (@vielhuber) on CodePen.