Чӣ тавр ба Шаблон SVG дар вебсайти худ гузоштед

SVG ё Графикаи вебсафҳаи Scalable ба шумо тасвирҳои мураккабтарро кашида , онҳоро дар саҳифаҳои веб тасвир мекунанд. Аммо шумо наметавонед фақат варақаҳои SVG гиред ва онҳоро ба HTML табдил диҳед. Онҳо намоиш намедиҳанд ва саҳифаи шумо беэътибор аст. Ба ҷои ин, шумо бояд яке аз се усулҳоро истифода баред.

Тагйироти объектро ба Embed SVG истифода баред

Тасвири HTML дар графикии SVG дар саҳифаи веб саҳифа мекунад. Шумо объекти тасвирро бо як хосияти маълумот нависед, ки барои кушодани файли SVG, ки мехоҳед кушиш кунед. Шумо ҳамчунин бояд хосиятҳои васеъ ва баландро барои муайян кардани паҳн ва баландии симои SVG (дар пикселҳо) муайян кунед.

Барои мутобиқати услубии браузер шумо бояд намуди намудро, ки бояд хонда шавад, дохил кунед:

навъи = "image / svg + xml"

ва вебсайт барои браузерҳое, ки онро дастгирӣ намекунанд (Internet Explorer 8 ва поёнтар). Рамзи шумо барои вебсайтҳое, ки SVG-ро пуштибонӣ намекунад, вертикали SVG-ро нишон медиҳанд. Васлкунаки маъмултарин аз Adobe аз http://www.adobe.com/svg/viewer/install/ аст. Бо вуҷуди ин, ин виртуалӣ акнун аз тарафи Adobe дастгирӣ карда мешавад. Варианти дигар СSS-и SVS-ро аз Тадқиқоти Савараи нармафзор дар http://www.savarese.com/software/svgplugin/.

Объекти шумо чунин аст:

Маслиҳатҳо барои истифодаи объекти SVG

  • Боварӣ ҳосил намоед, ки паҳнои ва баландии ҳадди аққал ҳамчун тасвири ба шумо воридшаванда калон аст. Дар акси ҳол, тасвири шумо клик карда мешавад.
  • SVG-и шумо метавонад дуруст набошад, агар шумо навъи дурусти мундариҷаро дохил накунед (навъи = "image / svg + xml"), аз ин рӯ, ман тавсия намедиҳам.
  • Шумо метавонед маълумоти такрорӣ дар дохили объекти ҷустуҷӯ барои браузерҳо, ки файлҳои SVG намоиш дода нашудаанд, дар бар гирад.
  • Шумо инчунин метавонед манбаи SVG ва навъи мундариҷаро дар параметрҳо муайян кунед. Ин метавонад дар IE 6 ва 7 беҳтар кор кунад:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Дар хотир доред, ки ин барои синфхона кор карданро талаб мекунад.

Намоиши SVG-ро дар намоиши тасвир нишон диҳед.

Embed SVG бо Embed Tag

Варианти дигари шумо, аз ҷумла, SVG аст, ки истифода баранд. Шумо қариб ки ҳамон қобилиятҳоро ҳамчун бари объекте истифода мебаред, аз ҷумла, Танҳо фарқияти он аст, ки ба ҷои ҷойгиршавии маълумот, URL-и ҳуҷҷати SVG-ро дар соск src ҷойгир кунед.

Пойгоҳи шумо чунин хоҳад буд:

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 attribute барои мувофиқати беҳтарин истифода баред.
  • Баъзе гузоришҳо вуҷуд доранд, ки ба воситаи версияи Adobe бо версияи Adobe Mozilla версияҳои 1.0 то 1.4 баста мешаванд.

Намоиши SVG дар намунаи тасвирии тасвиршуда.

Истифодаи якхела барои SVG-ро дохил кунед

Iframes , роҳи дигари осониеро, ки дар саҳифаҳои вебсағии худ SVG-ро дар бар мегиранд. Он танҳо се хосиятро тақозо мекунад: паҳн ва баландии оддӣ, ва src ишора ба ҷойгоҳи SVG-и шумо.

Иҷозати шумо чунин аст: