SVG ግራፊክስዎን በድረ-ገጽዎ ላይ እንዴት ማስቀመጥ እንደሚችሉ

SVG ወይም Scalable Vector Graphics ይበልጥ የተወሳሰቡ ምስሎች እንዲስሉ እና በድረ ገፆች ላይ እንዲያስተላልፉ ያስችልዎታል . ነገር ግን የ SVG ስሞችን በቀላሉ ወደ ኤችቲኤምኤልዎ ማስገባት አይችሉም. አይታዩም እና የእርስዎ ገጽ አይሰራም. ይልቁኑ ከሶስት ዘዴዎች ውስጥ አንዱን መጠቀም አለብዎት.

የነባሪውን መለያ ወደ የተካተቱ SVG ይጠቀሙ

የ HTML መለያ በድረ-ገጽዎ ውስጥ የ SVG ግራፊክን ይከተላል. ሊከፍቱት የፈለጉት የ SVG ፋይል ለመለየት የንብረትን መለያ ይፃፉ. የ SVG ምስልዎን ስፋትና ርዝመት (በፒክሴሎች ውስጥ) ለመለየት የሆድ እና የከፍን ባህሪያትን ማካተት አለብዎት.

ለጎን-አሳሽ ተመሳስሎ የመተየብ ባህሪን ማካተት አለብዎ, የሚያነበው ግን የሚከተለውን ነው:

ዓይነት = "image / svg + xml"

እና የኢንተርኔት ሳጥኑ 8 እና ከዚያ በታች ላሉት አሳሾች የመርቢያ ኮድ / ኮድ / ያቀርባል. የእርስዎ የቅብብር ኮድ SVG ን የማይደግፉ አሳሾች የ SVG ተሰኪን ይጠቁማል. በጣም የተለመደው ፕለጊን ከ Adobe የሚገኘው በ http://www.adobe.com/svg/viewer/install/ ነው. ይሁንና, ይህ ተሰኪ ከእንግዲህ በ Adobe አይደገፍም. ሌላው አማራጭ የ SavarsS SVG ተሰኪ ከቪዳይስ ሶፍትዌር ምርምር በ http://www.savarese.com/software/svgplugin/ ነው.

የእርስዎ ነገር ከዚህ ጋር ይመሳሰላል:

ለ SVG መሣሪያን ለመጠቀም ጠቃሚ ምክሮች

  • ስፋቱ እና ቁመቱ እርስዎ ከሚከተሏቸው ምስሎች መጠናቸው በትንሹ እንደሚበልጡ ያረጋግጡ. አለበለዚያ የእርስዎ ምስል ሊቆረጥ ይችላል.
  • ትክክለኛው የይዘት አይነት (type = "image / svg + xml") ካላካተቱ የእርስዎ SVG በትክክል ላይታይ ይችላል, ስለዚህ አይተወውም.
  • የ SVG ፋይሎችን የማያሳዩ አሳሾች በቁልፍ ንጥል ውስጥ የመጠባበቂያ መረጃን ማካተት ይችላሉ.
  • እንዲሁም የእራስዎን የ SVG ምንጭ እና የይዘት አይነት በግቤት መስፈርት ውስጥ ማቀናበር ይችላሉ. ይሄ በ IE 6 እና 7 ውስጥ በተሻለ ሁኔታ ሊሰራ ይችላል:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

ይህ እንዲሰራ የክፍለ ዘመናዊ ክፍል እንዲኖረው ይጠይቃል.

በአንድ የነገር የቁልፍ ምሳሌ ውስጥ SVG ን ይመልከቱ.

ከተካተቱ መለያዎች SVG ይክተቱ

SVG ን ጨምሮ ለርስዎ ያለዎት ሌላው አማራጭ መለያውን መጠቀም ነው. እንደ <ነጠላ አይነታ ያላቸው ተመሳሳይ ባህሪያትን በመጠቀም, <<ቁመት <, ቁመት, ዓይነት, እና የቁጥር መሰረት> ጨምሮ. ብቸኛው ልዩነት ከውሂብ ይልቅ የ SVG ሰነድዎን ዩአርኤል በአክስት መለያ ውስጥ ያደርጉታል.

የተከተቱት ማሸጊያዎችዎ እንዲህ ይመስላሉ:

src = "http://your-domain.here/z-circle.svg" width = "210" height = "210" type = "image / svg + xml" codebase = "http://www.adobe.com / svg / viewer / install "/>

ለ SVG ለመደመር ጠቃሚ ምክሮች

  • የተካተተው መለያ ትክክለኛ HTML4 አይደለም, ግን ትክክለኛ HTML5 ነው, ስለዚህ በ HTML4 ገጽ ከተጠቀሙ, ገጽዎ ትክክለኛ እንደማይሆን ማስታወስ አለብዎት.
  • ለተሻለ ጥንካሬ በ src መለያ ባህሪ ውስጥ ሙሉ ለሙሉ የተመዘገበውን የጎራ ስም ይጠቀሙ.
  • አንዳንድ የዩቲሲ ተሰኪዎች የተካተተ መለያን በመጠቀም የሞዚላ ስሪቶችን 1.0 ወደ 1.4 እንደሚያበላሹ ሪፖርቶች አሉ.

የተካተተ የምስል ምሳሌን ውስጥ SVG ይመልከቱ.

SVG ን ለማካተት አንድሬገር ስም ይጠቀሙ

በድረ-ገፆችዎ ላይ የ SVG ምስልን ለማካተት የሚረዳ ሌላ ቀላል መንገድ ከሆኑ. ሶስት ባህሪያት ብቻ ነው: ስፋቱ እና ቁመቱ እንደተለመደው, እና src የ SVG ፋይልዎ ቦታን የሚጠቁም ነው.

የእርስዎ መልከሚድ ይህን ይመስላል: