Сиздин сайтында SVG Graphics коюп кантип

SVG же эскертүү Элегантные сиз кыйла татаал сүрөттөрдү жакындай берели жана интернет беттеринде кылып. Бирок, жөн эле SVG тэгдерин алып, HTML, аларды кошуп албайт. Алар көрсөткөн эмес, жана сиздин бет жараксыз болуп калат. Тескерисинче, үч ыкмаларынын бирөөсүн колдонуу керек.

Embed SVG үчүн Object Теги колдонуу

HTML теги желе беттен SVG диаграммасын берсениз болот. Сиз ачууну каалаган SVG билэни аныктоо үчүн маалыматтар сыпаты менен объект теги жаз. Ошондой эле, туурасы, бийиктиги сиздин SVG сүрөттүн туурасы, бийиктиги (пиксел менен) аныктоо касиет камтышы керек.

кайчылаш-браузердин сыйышкычтыгы, сиз окуп түрү касиетти, төмөнкүлөрдү камтышы керек:

түрү = "сүрөт / SVG + XML"

жана аны колдогон жок браузерлер үчүн программалык кодунун (Internet Explorer 8 жана төмөн). Сиздин программалык кодунун SVG колдоого албайбыз браузерлер учун SVG плагинин көрсөтүшкөн. көбүнчө колдонулган плагин http://www.adobe.com/svg/viewer/install/ боюнча кирпичтен болуп саналат. Ошентсе да, бул плагин мындан ары Adobe тарабынан колдоого алынган. Дагы бир параметр http://www.savarese.com/software/svgplugin/ боюнча Savarese программалык Изилдөө Ssrc SVG плагин болуп саналат.

Сиздин объект сыяктуу болушу мүмкүн:

<Объект маалыматтар = "rectangle.svg" туурасы = "110" бийиктик = "60" түрү = "сүрөт / SVG + XML" программалык кодунун = "http://www.savarese.com/software/svgplugin/">

SVG үчүн объектти колдонуу үчүн сунуштар

classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" туурасы = "110" бийиктик = "60" программалык кодунун = "http://www.savarese.com/software/svgplugin/">

Бул иш үчүн бир classid талап кылынат.

объект теги, мисалы, бир SVG көрүү.

Embed Tag менен Embed SVG

SVG анын ичинде сиз дагы бир параметр теги пайдалануу болуп саналат. Сиз туурасы <, бийиктиги, түрү жана дарегинен>, анын ичинде, объект тег катары дээрлик бирдей сапаттарын колдонушат. гана айырмасы ордуна маалыматтар боюнча, сиз УРА сыпаты менен SVG Документти көрүү URL коюп жатат.

Сиздин клип сыяктуу болушу мүмкүн:

УРА = "http://your-domain.here/z-circle.svg" туурасы = "210" бийиктик = "210" түрү = "сүрөт / SVG + XML" программалык кодунун = "http://www.adobe.com / SVG / телекөрүүчү / орнотуу "/>

SVG үчүн Embed колдонуу үчүн сунуштар

бир клип теги, мисалы, бир SVG көрүү.

SVG кошуу үчүн кадр колдонуу

IFRAMEs желе беттериндеги SVG сүрөттү камтыган дагы бир жеңил жол. Бул үч гана сапаттарын талап кылат: туурасы, адаттагыдай эле, бийиктиги жана УРА сиздин SVG делосуна жайгашкан көрсөткөн.

Сиздин кадр сыяктуу болушу мүмкүн:

<Кадр СИБ = "http://webdesign.about.com/od/examples/l/z-triangle.svg" туурасы = "370" бийиктик = "370">

SVG үчүн кадр колдонуу үчүн сунуштар

мисалы, кадр, бир стили менен чек жок, эгерде сиздин айкелдин айланасын чек менен көрсөтүшөт

стили = "чек ара: эч бири;"

кадр кардардын браузер плагин жок болсо да, алар эч нерсе көрө алышат, же алар ката билдирүү көрсүн, бир плагин жайгашкан бул тууралуу эч нерсе айтылбайт.

кадр теги, мисалы, бир SVG көрүү.