የኤስቪጂ ቅድመ-ዕይታ መሣሪያ

የኤስቪጂ ኮድ ማሳያ ውጤቶችን በፍጥነት ቅድመ-ዕይታ ማድረግ የሚቻለው እንዴት ነው?

በሥራ ፍሰትዎ ውስጥ፣ ንድፍ አውጪዎች የኤስቪጂ ኮድን በቀጥታ ሊያቀርቡ ወይም ከቬክተር መሣሪያዎች የኮድ ቅንጭቦችን ሊያወጡ ይችላሉ። በዚህ መሣሪያ፣ የእውነተኛ ጊዜ አተረጓጎሙን ለማየት በቀላሉ ኮድዎን ከላይ ባለው አዘጋጅ ውስጥ ይቅዱ እና ይለጥፉ። ውጤቱን ለማረጋገጥ የኤስቪጂ ፋይልን እንዴት መክፈት እንደሚችሉ ካላወቁ፣ እሱን ለማየት የኤስቪጂ ፋይሉን ወደዚህ መሣሪያ ብቻ ያስገቡ። እንዲሁም የንድፍ ወጥነትን ለማረጋገጥ የእርስዎ ኤስቪጂ በተለያዩ የዳራ ቀለሞች (ፈዛዛ/ጨለማ ሁነታ) እንዴት እንደሚታይ ወዲያውኑ ማየት ይችላሉ።

የኤስቪጂ ኮድ እና ፋይሎችን በፍጥነት ለመመልከት እና ቅድመ-ዕይታ ለማድረግ እርምጃዎች

1. ኮድ መለጠፍ: በቀላሉ የ <svg>...</svg> ይዘትን በጽሑፍ ቦታው ውስጥ ይለጥፉ።
2. መጎተት እና መጣል: ማንኛውንም የ .svg ፋይል ከኮምፒዩተርዎ ጎትተው ወዲያውኑ ለመተንተን በአዘጋጁ ውስጥ ይጣሉት።
3. ዝርዝሮችን መመርመር: ለዝርዝር ምርመራ መጠኑን ለማስተካከል የማጉያ ቁልፎችን (±1፣ ±5) ይጠቀሙ።
4. ፈጣን ውህደት: የ img src፣ viewBox እና የሌሎችንም ኮድ ለማግኘት በ "የአጠቃቀም ምሳሌዎች" መካከል ይቀያይሩ።

የዚህ የመስመር ላይ የኤስቪጂ ቅድመ-ዕይታ መሣሪያ ባህሪዎች

• ሙሉ በሙሉ ነፃ: የመስመር ላይ መሣሪያ፣ ምንም ምዝገባ ወይም ማውረድ አያስፈልግም።
• የእውነተኛ ጊዜ ማመሳሰል: ኮዱን ሲያስተካክሉ ወዲያውኑ ይዘምናል።
• ብልጥ መለወጫ: በራስ-ሰር በ Base64 የተመሰጠሩ የ img መለያዎችን እና የተመቻቸ የ viewBox ኮድ ያመነጫል።
• የማጉላት ችሎታ: ካጉሉ በኋላ የእውነተኛ ጊዜ ቅድመ-ዕይታ፣ እና የተቀየረውን የኤስቪጂ ኮድ መቅዳት ይችላሉ።
• በርካታ የውህደት ዓይነቶች: ለ Base64፣ ውስጣዊ፣ የ CSS ዳራዎች እና ለሌሎችም የኤስቪጂ ኮድን በፍጥነት ይቅዱ። በድር ልማት ውስጥ ኤስቪጂን እንዴት እንደሚጠቀሙ እርግጠኛ ካልሆኑ፣ ኮዱን ለመቅዳት ይህንን መሣሪያ ብቻ ይጠቀሙ!
• ለተጠቃሚ ምቹ: ለበለጠ የእይታ ማስተካከያ ተሞክሮ ማጉላትን፣ ሙሉ ማያን እና የዳራ መቀያየርን ይደግፋል።

የኤስቪጂ ቅድመ-ዕይታ መሣሪያ ዝርዝር ባህሪያት