SVG ያዥ በድረ-ገጽ ላይ ማንኛውንም SVG ያገኛል — inline SVG ኤለመንቶች፣ ውጫዊ .svg ፋይል ማጣቀሻዎች፣ SVG sprites እና SVG data URIs። እያንዳንዱን SVG በተለያዩ መጠኖች ቅድመ-እይታ ይመልከቱ፣ ጥሬ SVG ኮድ ይቅዱ ወይም የተመቻቸ SVG ፋይሎችን ያውርዱ።
SVGs በዘመናዊ ድረ-ገጾች ላይ በሁሉም ቦታ ናቸው ነገር ግን ማውጣታቸው ያስደንቃል ከባድ ነው። SVG ያዥ ሁሉንም ምንጮች ራስ-ሰር ያስተናግዳል።
በገጹ ላይ ከሁሉም ምንጮች SVGs ያገኛል — inline <svg> ኤለመንቶች፣ ውጫዊ .svg ፋይሎች፣ CSS background-image SVGs፣ use/symbol sprite ማጣቀሻዎች እና base64 data URI encoded SVGs።
እያንዳንዱን SVG በተለያዩ መጠኖች (ዋናው፣ 2x፣ 4x) ከሶስት ዳራዎች ጋር ቅድመ-እይታ ይመልከቱ — ጨለማ፣ ብርሃን (ነጭ)፣ እና ቼከርቦርድ።
ሙሉ SVG markup ለመቅዳት "SVG ቅዳ" ጠቅ ያድርጉ — viewBox፣ paths፣ groups እና ሁሉም ባህሪያት ይካተታሉ።
ትክክለኛ XML መግለጫዎች ያላቸው .svg ፋይሎች ያውርዱ። ፋይሎች በ SVG ID፣ ክፍል ስም ወይም aria-label ላይ ተመስርተው ይሰየማሉ።
እያንዳንዱ SVG ምንጭ ዓይነት (inline፣ ውጫዊ፣ sprite፣ data URI)፣ viewBox ልኬቶች፣ ፋይል መጠን እና በ DOM ውስጥ ያለበትን ቦታ ያሳያል።
ገጽ ከ use href="#icon-name" ማጣቀሻዎች ጋር SVG sprites ሲጠቀም፣ SVG ያዥ እያንዳንዱን ማጣቀሻ ወደ ሙሉ ራሱን ችሎ SVG ይፈታል።
ድንቅ አዶ ስርዓት ያለው ድረ-ገጽ ይጎብኙ እና ሙሉ SVG አዶ ስብስቡን ያግኙ።
የኩባንያ SVG ሎጎ ለአጋርነት ገጽ ወይም ጥናት ያስፈልግዎታል? SVG ያዥ በዋናው ቬክተር ጥራት ያገኛቸዋል።
ምርት ድረ-ገጾች ውስብስብ SVG ምሳሌዎችን እንዴት እንደሚተገብሩ ያጥኑ። ጥሬ SVG ኮዱን ይቅዱ።
ወደ አዲስ አዶ ስርዓት እየቀየሩ? ከማጣቀሻ ጣቢያው SVGs ያግኙ እና ወደ ፕሮጀክትዎ ይጨምሩ።
SVGs በጣቢያዎ ላይ እንዴት እንደተተገበሩ ይገምግሙ — inline ናቸው (ለማስተካከል ጥሩ)፣ ውጫዊ (ለመቋጠር ጥሩ)፣ ወይም sprites (ለብቃት ጥሩ)?
የ DevSuite Pro ተንሳፋፊ ዶክ ይክፈቱ እና SVG ያዥ አዶን ጠቅ ያድርጉ።
በገጹ ላይ ያለውን ማንኛውንም SVG የሚያሳይ ንኡስ ምስሎች ፍርግርግ ይታያል።
ትልቅ ቅድመ-እይታ ለመክፈት ማንኛውንም SVG ጠቅ ያድርጉ። በዳራዎች መካከል ይቀያይሩ።
ጥሬ markup ለማግኘት "SVG ቅዳ" ወይም ፋይል ለማስቀመጥ "አውርድ" ጠቅ ያድርጉ።
ተጨማሪ SVGs ለመፈለግ ወደ ጋለሪው ይመለሱ። ቆጣሪ ባጅ ጠቅላላ ቁጥር ያሳያል።
DevSuite Pro ን በነፃ ይጫኑ እና 39+ የገንቢ መሳሪያዎችን ለአሳሽዎ ይክፈቱ።