SVG або Scalable Vector Graphics дазваляюць зрабіць значна больш складаныя вобразы і іх візуалізацыі на вэб - старонках. Але вы не можаце проста ўзяць тэг SVG і пляснуць іх у HTML. Яны не будуць адлюстроўвацца і ваша старонка будзе несапраўдная. Замест гэтага, вы павінны выкарыстоўваць адзін з трох метадаў.
Выкарыстоўвайце тэг аб'екта, каб ўбудаваць SVG
HTML тэг будзе ўстаўляць графікі SVG ў вашай вэб-старонцы. Вы пішаце тэг аб'екта з атрыбутам дадзеных, каб вызначыць файл SVG, які вы хочаце адкрыць. Вы павінны таксама ўключаць у сябе шырыню і вышыню атрыбутаў, каб вызначыць шырыню і вышыню SVG паказу (у пікселях).
Для крос-браузерной сумяшчальнасці, вы павінны ўключаць у сябе тып атрыбуту, які варта чытаць:
тып = "малюнак / SVG + XML"і кодавая для браўзэраў, якія не падтрымліваюць яго (Internet Explorer 8 і ніжэй). Ваш кодавы будзе паказваць на SVG убудова для браўзэраў, якія не падтрымліваюць SVG. Найбольш часта выкарыстоўваецца убудова ад Adobe у http://www.adobe.com/svg/viewer/install/. Аднак, гэты убудова больш не падтрымліваецца Adobe. Іншым варыянтам з'яўляецца убудова SSRC SVG ад Savarese Software Research у http://www.savarese.com/software/svgplugin/.
Ваш аб'ект будзе выглядаць наступным чынам:
<Дадзеныя аб'екта = "rectangle.svg" шырыня = "110" вышыня = тып "60" = "малюнак / SVG + XML" кодавая = "http://www.savarese.com/software/svgplugin/">Парады па выкарыстанні аб'екта для SVG
- Пераканайцеся, што шырыня і вышыня, па меншай меры, гэтак жа вялікім, як малюнак вы ўкладанне. У адваротным выпадку, малюнак можа быць абрэзанае.
- Ваш SVG можа адлюстроўвацца няправільна, калі не ўключаць правільны тып кантэнту (тып = "малюнак / SVG + XML»), таму я не рэкамендую пакінуць яго.
- Вы можаце ўключыць рэзервовую інфармацыю ўнутры тэга аб'екта для браўзэраў, якія не будуць адлюстроўвацца SVG файлаў.
- Вы можаце таксама ўсталяваць крыніца вашага SVG і тып змесціва ў параметрах. Гэта можа працаваць лепш у IE 6 і 7:
Звярніце ўвагу, што гэта патрабуе ClassID, каб прымусіць яго працаваць.
Прагляд у SVG у прыкладзе аб'ект тэга.
Уставіць SVG з Tag Убудаваць
Іншы варыянт вы маеце на тым ліку SVG з'яўляецца выкарыстанне тэга. Вы можаце выкарыстоўваць амаль тыя ж атрыбуты, што і тэг аб'екта, у тым ліку шырыня <, вышыні, тыпу і кодавай>. Адзінае адрозненне складаецца ў тым, што замест таго, каб дадзеныя, вы змесціце SVG URL дакумента ў атрыбуце SRC.
Ваш код ўстаўкі будзе выглядаць наступным чынам:
SRC = "http://your-domain.here/z-circle.svg" шырыня = "210" вышыня = "210" Тып = "малюнак / SVG + XML" кодавая = "http://www.adobe.com / SVG / прагляду / ўстаноўкі »/>Парады па выкарыстанні Убудаваць для SVG
- Код ўстаўкі тэгі не дзейнічае HTML4, але гэта сапраўды HTML5, так што калі вы выкарыстоўваеце яго ў старонцы HTML4, вы павінны памятаць, што ваша старонка не будзе правяраць.
- Выкарыстоўвайце цалкам quoalified даменнае імя ў атрыбуце SRC для лепшай сумяшчальнасці.
- Ёсць таксама некаторыя паведамленні, што з дапамогай ўбудавання тэгаў з убудовай Adobe будзе ўрэзацца версій Mozilla 1.0 да 1.4.
Прагляд у SVG ў якасці прыкладу для ўстаўкі тэга.
Выкарыстоўвайце IFRAME Уключыць SVG
Iframes яшчэ адзін просты спосаб уключыць SVG малюнка на вэб - старонках. Для гэтага патрабуецца толькі тры атрыбуту: шырыня і вышыня, як звычайна, і ЦСІ якія паказваюць на месцазнаходжанне файла SVG.
Ваш IFrame будзе выглядаць наступным чынам: