Hakikisho / Kihariri cha SVG

Jinsi Kihakiki / Kihariri cha SVG Inavyofanya Kazi

Zana Hii Hufanya Nini

Kihakiki / Kihariri cha SVG hurenderi alama za SVG moja kwa moja unapozihariri na hutoa metadata (upana, urefu, viewBox, idadi ya vipengele) kwa ukaguzi wa haraka. Kigeuzi huongeza mandharinyuma ya vigae vya cheki ili uweze kuona maeneo yenye uwazi kwa uwazi. Zana pia hutengeneza data URI iliyosimbwa kwa URL inayofaa kutumika moja kwa moja kwenye CSS background-image au sifa za HTML src.

Matumizi ya Kawaida kwa Wasanidi

Wabunifu wa aikoni hujaribu hesabu za viewBox na upana wa stroke kwa ukubwa tofauti. Wasanidi wa frontend huhakikisha kuwa aikoni ya SVG iliyohaririwa kwa mkono bado inarenderi kwa usahihi baada ya uboreshaji (kwa mkono au kupitia SVGO). Wasanidi wa barua pepe hutengeneza matoleo mafupi ya data URI ya alama za chapa kwa kupachika ndani ya HTML. Walimu huonyesha jinsi sifa kama preserveAspectRatio na overflow zinavyoathiri urenderaji.

Miundo ya Data, Aina, au Lahaja

Ingizo ni alama ghafi za SVG XML. Matokeo ni SVG hiyo hiyo iliyorenderiwa kwenye iframe iliyowekewa sandbox pamoja na data URI iliyosimbwa kwa URL (data:image/svg+xml;charset=utf-8,…). Kipimo cha idadi ya vipengele huhesabu kila lebo ya kufungua (ikiwemo defs, g, gradients, na vipengele vingine vilivyopachikwa), kikitoa taswira ya takriban ya ugumu. Thamani za sifa zilizotolewa huonyeshwa katika umbo ghafi.

Mitego ya Kawaida na Matukio ya Pembeni

Rasilimali za nje zinazorejelewa na vipengele vya `use` au `image` vyenye href hazitapakia ndani ya iframe iliyowekewa sandbox. JavaScript ya ndani ndani ya vipengele vya script imezuiwa na sandbox — uhuishaji unapaswa kutegemea SMIL au CSS keyframes. SVG zinazotegemea fonti maalum ambayo haijasakinishwa kwenye mfumo zitarudi kwenye chaguo-msingi; pachika fonti au tumia fonti za mfumo kwa hakiki.

Wakati wa Kutumia Zana Hii dhidi ya Msimbo

Tumia zana ya kivinjari kwa usanifu wa aikoni wa mara moja, urekebishaji wa hitilafu, au kutengeneza data URI. Kwa mali za uzalishaji, pitisha SVG kupitia SVGO yenye usanidi ulioboreshwa ili kuondoa metadata na kupunguza alama, na tumia mfumo wa sprite au ujumuishaji sahihi wa bundler kupakia aikoni kwenye programu yako badala ya kupachika data URI kila mahali.