Haddii aad rabto inaad sawir ka jarto adoo isticmaalaya SVG, waxaa lagugula talinayaa inaad isticmaasho 'clip-path' ee hantida CSS. Qoraalka soo socda wuxuu ka saarayaa dhowr caqabadood: SVG-yada waxaa lagu keydin karaa iyadoo la adeegsanayo Illustrator, waxaad cayimi kartaa URL-ka (qaraabo ama gebi ahaanba) ee SVG (Chrome hadda si asal ah ayuu u taageeraa SVG-yada gudaha), jarista sidoo kale waa mid si buuxda uga jawaab celinaysa.
Marka hore waxaad ku abuureysaa maaskaro googoyn ah Adobe Illustrator waxaadna u dhoofisaa SVG goobaha soo socda:
Saamiyada dhinaca ee SVG iyo sawirku waa inay isku mid noqdaan. Ugu dambeyntii, SVG-ga dibadda waxaa lagu tilmaamayaa sawirka, tusaale ahaan, sifada 'xogta-clip' .:
1e4823ee95525ce0e04bb693c48e0e35
Hadda waxaad isku daraysaa qoraalka soo socda:
1e4823ee95525ce0e04bb693c48e0e35
Natiijadu waa taas:
See the Pen clip-path and SVGs by David Vielhuber (@vielhuber) on CodePen.