Tsela ea ho beha SVG Graphics ho Websaete ea hau

SVG kapa Vector Graphics e hlakileng li lumella hore u hulele litšoantšo tse ngata tse rarahaneng mme u li fetole maqepheng a maqephe. Empa u ke ke ua nka feela melaetsa ea SVG ebe u ba otla ka HTML. Ha li na ho hlahisa 'me leqephe la hau le tla ba le sa nepahaleng. Ho e-na le hoo, u lokela ho sebelisa e 'ngoe ea mekhoa e meraro.

Sebelisa Tag ea Object ho Senya SVG

Lethathamo la HTML le tla kenya mochine oa SVG leqepheng la hau la marang-rang. U ngola lebokose la ntho ka tšobotsi ea data ho hlalosa sefahleho sa SVG seo u batlang ho se bula. U lokela ho kenyelletsa le bophara le bophahamo ba litlhaloso ho hlalosa bophara le bolelele ba setšoantšo sa hau sa SVG (ka pixels).

Bakeng sa ho lumellana ha sefapano sa sefapano, u lokela ho kenyelletsa sebopeho sa mofuta, se lokelang ho bala:

mofuta = "setšoantšo / svg + xml"

le codebase bakeng sa li-browser tse sa li tšehe (Internet Explorer 8 le tse tlaase). Codebase ea hau e tla lebisa ho plugin ea SVG bakeng sa li-browser tse sa tšehe SVG. Hangata plugin e sebelisoang haholo e tsoa ho Adobe ho http://www.adobe.com/svg/viewer/install/. Leha ho le joalo, plugin ena ha e sa tšehetsoa ke Adobe. Kgetho e 'ngoe ke plugins ea Ssrc SVG e tsoang Savarese Software Research ho http://www.savarese.com/software/svgplugin/.

Ntho ea hau e ne e tla shebahala tjena:

Litlhahiso tsa ho sebelisa ntho bakeng sa SVG

  • Etsa bonnete ba hore bophara le bolelele bonyane li le khōlō joaloka setšoantšo seo u se kenang. Ho seng joalo, setšoantšo sa hau se ka 'na sa koaloa.
  • SVG ea hau e ka 'na ea se ke ea bonts'a hantle haeba u sa kenelle mofuta o nepahetseng oa mofuta oa mofuta (mofuta = "image / svg + xml"), kahoo ha ke khothaletse ho e tlohela.
  • O ka kenyelletsa tlhahisoleseding ea ho fokotseha ka har'a lebokose la ntho bakeng sa libapali tse ke keng tsa bontša lifaele tsa SVG.
  • U ka boela ua beha mohloli oa SVG ea hau le mofuta oa litaba ka mekhahlelo. Sena se ka sebetsa hantle ho IE 6 le 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Hlokomela hore sena se hloka hore ho be le classid ho etsa hore e sebetse.

Sheba SVG ka mohlala oa mohlala oa ntho.

Kenya SVG le Tag In Tag

Ntho e 'ngoe eo u nang le eona bakeng sa ho kenyelletsa SVG ke ho sebelisa lebo. U sebelisa hoo e batlang e le litšobotsi tse tšoanang le ntho ea ntho, ho akarelletsa le bophara <, bophahamo, mofuta, le codebase>. Phapang e le 'ngoe feela ke hore ho e-na le hore u fumane data, u beha URL ea hau ea SVG e ngotsoeng tšebetsong ea src.

Ho kenngoa ha hau ho ne ho tla shebahala tjena:

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

Lisebelisoa tsa ho sebelisa mochini oa sesebelisoa bakeng sa SVG

  • Taba ea embed e sa nepahale ka HTML4, empa e nepahetse HTML5, kahoo haeba u e sebelisa leqepheng la HTML4, u lokela ho hopola hore leqephe la hau le ke ke la tiisa.
  • Sebelisa lebitso la domain name ka botlalo mofuteng oa src bakeng sa ho tsamaisana hantle.
  • Ho na le litlaleho tse ling tsa hore ho sebelisa lebokose la embed le Adobe plugin ho tla hlasela Mozilla liphetolelo 1.0 ho ea ho 1.4.

Sheba SVG ho latela mohlala oa lebokose.

Sebelisa iframe ho kenyelletsa SVG

Liferete ke tsela e 'ngoe e bonolo ea ho kenyelletsa setšoantšo sa SVG maqepheng a hau a maqephe. E hloka feela litšobotsi tse tharo: bophara le bophahamo ka tsela e tloaelehileng, le src e supa sebaka sa file ea hau ea SVG.

Iframe ea hau e tla shebahala tjena: