Bi o ṣe le Fi awọn aworan aworan SVG lori oju-iwe ayelujara rẹ

SVG tabi Awọn Ẹya Itọka ti o le ṣalaye jẹ ki o fa awọn aworan ti o tobi pupọ sii ati pe wọn ṣe wọn lori oju-iwe ayelujara. Ṣugbọn o ko le gba awọn akọle SVG nikan ki o fi wọn sinu awọn HTML rẹ. Wọn kii yoo ṣe afihan ati oju-iwe rẹ yoo jẹ alaile. Dipo, o ni lati lo ọkan ninu ọna mẹta.

Lo Tag Nkan lati Fi SVG wọ

Awọn HTML tag yoo fi sabe aworan SVG ni oju-iwe ayelujara rẹ. O kọ ami tag pẹlu agbara data lati ṣii faili SVG ti o fẹ ṣii. O yẹ ki o tun ni iwọn ati awọn iwọn iga lati ṣọkasi iwọn ati giga ti aworan SVG rẹ (ni awọn piksẹli).

Fun ibamu ibaraẹnisọrọ agbelebu, o yẹ ki o ni iru ẹda, eyi ti o yẹ ki o ka:

Iru = "image / svg + xml"

ati koodu koodu fun awọn aṣàwákiri ti ko ṣe atilẹyin fun u (Ayelujara ti Explorer 8 ati isalẹ). Akọṣẹ koodu rẹ yoo tọka si itanna SVG fun awọn aṣàwákiri ti ko ṣe atilẹyin SVG. Ohun-elo ti a lo julọ ti a lo julọ jẹ lati Adobe ni http://www.adobe.com/svg/viewer/install/. Sibẹsibẹ, ohun itanna yii ko ni atilẹyin nipasẹ Adobe. Aṣayan miiran jẹ ohun itanna Ssrc SVG lati Savarese Software Iwadi ni http://www.savarese.com/software/svgplugin/.

Ohun rẹ yoo dabi eleyi:

Italolobo fun Lilo ohun fun SVG

  • Rii daju wipe iwọn ati iga wa ni o kere bi titobi ti o jẹ ifisilẹ. Bibẹkọkọ, aworan rẹ le ti pa.
  • SVG rẹ ko le han bi o ko ba ni iru akoonu akoonu (iru = "image / svg + xml"), nitorina emi ko ṣe iṣeduro lati fi jade.
  • O le ni alaye ti o ti kuna sinu apẹrẹ ohun fun awọn aṣàwákiri ti kii ṣe afihan awọn faili SVG.
  • O tun le ṣeto orisun ti SVG rẹ ati iru akoonu ni awọn ipinnu. Eyi le ṣiṣẹ daradara ni IE 6 ati 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Ṣe akiyesi pe eyi nbeere aaye didara lati jẹ ki o ṣiṣẹ.

Wo SVG ni apẹẹrẹ tag apẹrẹ.

Fi SVG wọ pọ pẹlu Tag apẹrẹ

Aṣayan miiran ti o ni fun pẹlu SVG ni lati lo tag. O lo fere awọn ẹda kanna bi tag tag, pẹlu iwọn <, iga, iru, ati codebase>. Iyatọ ti o yatọ jẹ pe dipo data, o fi iwe URL SVG rẹ sinu URL ti o jẹ src.

Ọwọ rẹ yoo dabi eleyii:

src = "http://your-domain.here/z-circle.svg" width = "210" height = "210" type = "image / svg + xml" codebase = "http://www.adobe.com / svg / wiwo / fi sori ẹrọ "/>

Italolobo fun Lilo Fifọpọ fun SVG

  • Atigbigi aṣiṣe ko wulo HTML4, ṣugbọn HTML5 wulo, nitorina ti o ba lo o ni oju HTML4, o gbọdọ ranti pe oju-iwe rẹ ko ni fọwọsi.
  • Lo orukọ ìkápá ti a ti sọ ni kikun ni ipo src fun ibamu julọ.
  • Awọn iroyin kan tun wa ti lilo ami ti a fiwe si pẹlu ohun itanna Adobe yoo pa awọn ẹya Mozilla ni 1.0 si 1.4.

Wo SVG ni apẹẹrẹ tag apẹrẹ.

Lo ohun ifura lati Fi SVG han

Iframes jẹ ọna miiran ti o rọrun lati fi aworan SVG han lori oju-iwe ayelujara rẹ. O nilo awọn eroja mẹta: iwọn ati giga bi o ṣe deede, ati src ntokasi si ipo ti faili SVG rẹ.

Iframe rẹ yoo dabi eleyi: