Me pehea te Whakaritea i nga Matapihi SVG i runga i to Paetukutuku

Ma te SVG , ma te Ataata Taputapu Tae ranei ka tuku mai koe i nga whakaahua nui ake , ka tukuna ki runga i nga wharangi tukutuku. Engari kaore e taea e koe te tango noa i nga tohu a te SVG ka makahia ki to HTML. Kaore ratou e whakaatu, kaore he whainga o to whārangi. Engari, me whakamahi e koe tetahi o nga tikanga e toru.

Whakamahia te Tūtohu Kaupapa ki te whakauru i te SVG

Ko te tūtohu HTML ka whakauru i te mahere SVG i to whārangi tukutuku. Ka tuhi koe i te tūtohu ahanoa me te huanga raraunga hei tautuhi i te kōnae SVG e hiahia ana koe ki te tuwhera. Me whakauru hoki koe i te whanui me teitei o nga huanga hei tautuhi i te whanui me te teitei o to ahua SVG (i nga pika).

Mo te kounga whakawhiti-whakawhiti, me whakauru koe i te huanga momo, me korero:

momo = "image / svg + xml"

me te panuku mo nga kaiwhakarato e kore e tautoko (Internet Explorer 8 me raro). Ka tohu to tuhinga ki te monohiko SVG mo nga kaitirotiro e kore e tautoko i te SVG. Ko te taputapu tino whakamahia ake mai i Adobe i http://www.adobe.com/svg/viewer/install/. Engari, kaore i te tautokona e tenei Adobe tenei mono. Ko tetahi atu ko te mono Ssrc SVG mai i te Savarese Software Research i http://www.savarese.com/software/svgplugin/.

Ka penei to whakaaro:

Tips mo te whakamahi i te ahanoa mo te SVG

  • Me mohio ko te whanui me te teitei he iti rawa te ahua e rite ana ki a koe. Ki te kore, ka pakaruhia to pikitia.
  • Kaore e taea e to SVG te whakaatu tika mehemea kaore koe i whakauru i te momo ihirangi tika (momo = "image / svg + xml"), na kaore au e tūtohu kia waiho.
  • Ka taea e koe te whakauru i nga korero o te takahuri i roto i te tohu ahanoa mo nga kaitirotiro e kore e whakaatu i nga kōnae SVG.
  • Ka taea hoki te whakarite i te puna o to SVG me te momo ihirangi i roto i nga taapiri. Ka pai ake te mahi i roto i te IE 6 me te 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" teitei = "60" codebase = "http://www.savarese.com/software/svgplugin/">

Kia mahara ko tenei ka hiahiatia he akomanga hei mahi.

Tirohia te SVG i roto i te tauira tohu tauira.

Whakauruhia te SVG ki te Tohu Whakairo

Ko tetahi atu whiringa kei a koe mo te whakauru i te SVG ko te whakamahi i te tohu. Ka whakamahi koe i nga huanga rite ano ko te tohu ahanoa, tae atu ki te whanui whānui, te teitei, te momo, me te waeherewaewae>. Ko te rereketanga anake kaore i te raraunga, ka waiho e koe to URL SVG tuhinga ki te huanga src.

Ko te ahua o to taatai ​​penei:

src = "http://your-domain.here/z-circle.svg" width = "210" teitei = "210" momo = "image / svg + xml" codebase = "http://www.adobe.com / svg / tiro / tāuta "/>

Tips mo te whakamahi i te whakauru mo SVG

  • Ko te tūtohu whakauru ehara i te whaimana HTML4, engari he HTML5 tika tena, na, mehemea kei te whakamahi koe i te whārangi HTML4, me mahara koe kaore i whakamanahia to page.
  • Whakamahia he ingoa rohe kua whakahuatia i roto i te huanga src mo te hototahi pai.
  • He ano hoki etahi ripoata ka whakamahi i te tūtohu whakauru me te Adobe Adobe ka hinga i nga putanga o Mozilla 1.0 ki te 1.4.

Tirohia te SVG i roto i te tauira tohu tūtohu.

Whakamahia he iframe ki te whakauru i te SVG

He ara ke atu ki te Iframes ki te whakauru i te ahua SVG i runga i o rarangi tukutuku. Ko te tikanga anake e toru nga huanga: te whanui me te teitei rite tonu, me te src e tohu ana ki te waahi o to kōnae SVG.

Ka penei to ahuara: