Kyauta Mai Ƙosarwa & Rage SVG

Yadda Yake Aiki

Wannan kayan aikin yana rage girman fayil na SVG ta amfani da wani mai daidaitawa da aka rubuta da hannu wanda yake gudana gaba ɗaya a burauzarka — babu ɗakunan karatu, babu uwar garke. Yana haɗa wuce-wuce guda biyu: DOMParser/XMLSerializer na burauza da aka gina don aikin daidaito na matakin siffa, da maye gurbin regex na niyya don cire sharhi, cire metadata, da rushe farin sarari.

1. 1
   DOMParser yana tsarkatta SVG

   Kafin duk wata daidaitawa, DOMParser na burauza yana karanta SVG a matsayin XML kuma yana tafiya kowane abu. Alamomin rubutu, masu kula da abubuwa (duk siffa on*), abubuwan motsi, da ambaton URL na waje ana cire su babu sharadi — wannan yana gudana ko da yaushe komai zaɓuɓɓukan daidaitawa da ka zaɓa.
2. 2
   Zagayarwar decimal bisa DOM

   Idan zagayarwar decimal a kunne take, mai daidaitawar yana tafiya DOM da aka nazari sau ta biyu kuma yana amfani da zagayarwa kawai zuwa sanannun siffofin lamba (bayanan path d, daidaitawa, ƙimomin transform, tsawon stroke, da sauransu), ta amfani da wani regex wanda yake daidaita lambobin floating-point na musamman babu gurɓata ƙimomin path da aka haɗe kamar .5.5.
3. 3
   Wuce-wucen regex suna tsabtar alamar da aka serialize

   XMLSerializer yana samar da XML da aka daidaita, sannan maye gurbin harafi na niyya suna cire sharhin HTML, metadata na Inkscape/Sodipodi editor, sanarwar XML, siffofin asali marasa amfani (kamar version="1.1"), da farin sarari tsakanin alamomi — kowace wuce-wucen tana da iyaka mai ƙunci don abin da ke ciki na node na rubutu ba a taɓa shi ba.
4. 4
   Girman Gzip da tsarin fitarwa

   Gzip Size API na CompressionStream na burauza yana lissafta ainihin girman gzip na shigarwa da fitarwa duka, tunda shine abin da yake ainihin tantance farashin canja wuri a yanar-gizo. Za a iya sauke SVG da aka daidaita, kwafi shi a matsayin SVG danye, canja shi zuwa siffofin camelCase a shirye don React JSX, ko ɓoye shi a matsayin URI na bayanan CSS — dukkan canjawoyi suna faruwa a wurin nan.

Kayan Aiki Masu Alaƙa