ነፃ SVG አመቻቺ እና አሳጣሪ

እንዴት እንደሚሠራ

ይህ መሣሪያ የSVG ፋይል መጠንን ሙሉ በሙሉ በአሳሽዎ ውስጥ በሚሠራ በእጅ በተጻፈ አመቻች ይቀንሳል — ምንም ላይብረሪ፣ ምንም አገልጋይ የለም። ሁለት ዙሮችን ያጣምራል፦ ለባህሪ ደረጃ ትክክለኛ ሥራ የአሳሹ አብሮገነብ DOMParser/XMLSerializer፣ እና አስተያየቶችን ለማስወገድ፣ ዲበ ውሂብን ለማስወገድ እና ክፍተቶችን ለመጨመቅ ያነጣጠሩ የregex መተኪያዎች።

1. 1
   DOMParser SVGውን ያጸዳል

   ከማንኛውም ማመቻቸት በፊት፣ የአሳሹ DOMParser SVGውን እንደ XML ያነባል እና እያንዳንዱን አካል ያልፋል። የscript መለያዎች፣ የክስተት ተቆጣጣሪዎች (ማንኛውም on* ባህሪ)፣ የእንቅስቃሴ አካላት እና የውጫዊ URL ማጣቀሻዎች ያለ ቅድመ-ሁኔታ ይወገዳሉ — ይህ የመረጡት የማመቻቸት አማራጭ ምንም ይሁን ምን ይሠራል።
2. 2
   በDOM ላይ የተመሠረተ የአስርዮሽ ማጠጋጋት

   የአስርዮሽ ማጠጋጋት ከበራ፣ አመቻቹ የተተነተነውን DOM ለሁለተኛ ጊዜ ያልፋል እና ማጠጋጋቱን በታወቁ የቁጥር ባህሪያት ላይ ብቻ ይተገብራል (የpath d ውሂብ፣ መጋጠሚያዎች፣ የtransform እሴቶች፣ የመስመር ስፋቶች ወዘተ.)፤ እንደ .5.5 ያሉ የተጣመሩ የpath እሴቶችን ሳያበላሽ ነጠላ የተንሳፋፊ ነጥብ ቁጥሮችን የሚያዛምድ regex ይጠቀማል።
3. 3
   የregex ዙሮች የተቀየረውን markup ያጸዳሉ

   XMLSerializer የተስተካከለ XML ያመርታል፣ ከዚያም ያነጣጠሩ የሕብረቁምፊ መተኪያዎች የHTML አስተያየቶችን፣ የInkscape/Sodipodi አርታዒ ዲበ ውሂብን፣ የXML መግለጫውን፣ አላስፈላጊ ነባሪ ባህሪያትን (እንደ version="1.1") እና በመለያዎች መካከል ያሉ ክፍተቶችን ያስወግዳሉ — እያንዳንዱ ዙር የጽሑፍ አንጓ ይዘት በፍጹም እንዳይነካ በጠባብ ወሰን ይሠራል።
4. 4
   የgzip መጠን እና የማውጫ ቅርጸቶች

   የአሳሹ CompressionStream API የግቤቱንም የውጤቱንም እውነተኛ የgzip መጠኖች ያሰላል፤ ምክንያቱም በድር ላይ የማስተላለፊያ ወጪን በእርግጥ የሚወስነው ያ ነው። የተመቻቸው SVG ሊወርድ፣ እንደ ጥሬ SVG ሊቀዳ፣ ለReact JSX ዝግጁ ወደሆኑ camelCase ባህሪያት ሊቀየር፣ ወይም እንደ CSS data URI ኮድ ሊደረግ ይችላል — ሁሉም መቀየሪያዎች በአካባቢው ይከናወናሉ።

ተዛማጅ መሳሪያዎች