របៀបដាក់ក្រាហ្វ SVG នៅលើគេហទំព័ររបស់អ្នក

SVG ឬក្រាហ្វិកវ៉ិចទ័រដែលអាចធ្វើមាត្រដ្ឋានបាន អនុញ្ញាតឱ្យអ្នកគូររូបភាពស្មុគ្រស្មាញច្រើន ហើយបង្ហាញពួកវានៅលើទំព័របណ្តាញ។ ប៉ុន្តែអ្នកមិនអាចយកស្លាក SVG និងវាយវាទៅក្នុង HTML របស់អ្នកបានទេ។ ពួកគេនឹងមិនបង្ហាញទេហើយទំព័ររបស់អ្នកនឹងមិនត្រឹមត្រូវ។ ផ្ទុយទៅវិញអ្នកត្រូវប្រើវិធីសាស្រ្តមួយក្នុងចំណោមវិធីសាស្រ្តបី។

ប្រើស្លាកវត្ថុដើម្បីបញ្ចូល SVG

ស្លាក HTML នឹងបង្កប់ក្រាហ្វិច SVG នៅក្នុងគេហទំព័ររបស់អ្នក។ អ្នកសរសេរស្លាកវត្ថុជាមួយគុណលក្ខណៈទិន្នន័យដើម្បីកំណត់ឯកសារ SVG ដែលអ្នកចង់បើក។ អ្នកក៏គួរតែបញ្ចូលគុណលក្ខណៈទទឹងនិងកម្ពស់ដើម្បីកំណត់ទទឹងនិងកំពស់នៃរូបភាព SVG របស់អ្នក (ជាភីកសែល) ។

សម្រាប់ភាពឆបគ្នានៃកម្មវិធីរុករកអ្នកគួរតែបញ្ចូលគុណលក្ខណៈប្រភេទដែលគួរតែអាន:

ប្រភេទ = "រូបភាព / svg + xml"

និងមូលដ្ឋាន codeb សម្រាប់កម្មវិធីរុករកដែលមិនគាំទ្រវា (Internet Explorer 8 និងទាបជាងនេះ) ។ មូលដ្ឋានកូដរបស់អ្នកនឹងចង្អុលទៅកម្មវិធីជំនួយ SVG សម្រាប់កម្មវិធីរុករកដែលមិនគាំទ្រ SVG ។ កម្មវិធីជំនួយដែលប្រើជាទូទៅបំផុតគឺមកពី Adobe នៅ http://www.adobe.com/svg/viewer/install/ ។ ទោះជាយ៉ាងណាកម្មវិធីជំនួយនេះមិនត្រូវបានគាំទ្រដោយ Adobe ទៀតទេ។ ជម្រើសមួយទៀតគឺកម្មវិធីជំនួយ Ssrc SVG ពីការស្រាវជ្រាវកម្មវិធី Savarese នៅ http://www.savarese.com/software/svgplugin/ ។

វត្ថុរបស់អ្នកនឹងមើលទៅដូចនេះ:

ព័ត៌មានជំនួយសម្រាប់ប្រើវត្ថុសម្រាប់ SVG

  • សូមប្រាកដថាទទឹងនិងកម្ពស់យ៉ាងហោចណាស់ធំជាងរូបភាពដែលអ្នកកំពុងបង្កប់។ បើមិនដូច្នោះទេរូបភាពរបស់អ្នកអាចត្រូវបានខ្ទាស់។
  • SVG របស់អ្នកប្រហែលជាមិនបង្ហាញត្រឹមត្រូវទេប្រសិនបើអ្នកមិនបញ្ចូលប្រភេទមាតិកាត្រឹមត្រូវ (ប្រភេទ = "image / svg + xml") ដូច្នេះខ្ញុំមិនណែនាំឱ្យចាកចេញពីវាទេ។
  • អ្នកអាចបញ្ចូលព័ត៌មានបម្រុងទុកក្នុងស្លាកវត្ថុសម្រាប់កម្មវិធីរុករកដែលនឹងមិនបង្ហាញឯកសារ SVG ។
  • អ្នកក៏អាចកំណត់ប្រភព SVG របស់អ្នកនិងប្រភេទមាតិកានៅក្នុងប៉ារ៉ាម៉ែត្រផងដែរ។ នេះអាចដំណើរការល្អប្រសើរជាងមុននៅក្នុង IE 6 និង 7:
classid = "CLSID: 1339B54C-3453-11D2-93B9-000000000000" width = "110" height = "60" codebase = "http://www.savarese.com/software/svgplugin/">

ចំណាំថានេះតម្រូវឱ្យថ្នាក់មួយធ្វើឱ្យវាដំណើរការ។

មើល SVG នៅក្នុងឧទាហរណ៍ស្លាកវត្ថុមួយ។

បញ្ចូល SVG ជាមួយនឹងស្លាកបង្កប់

ជម្រើសមួយទៀតដែលអ្នកមានរួមបញ្ចូល SVG គឺត្រូវប្រើស្លាក។ អ្នកប្រើគុណលក្ខណៈដូចគ្នានឹងស្លាកវត្ថុរួមមានទទឹង <កម្ពស់ប្រភេទនិងមូលដ្ឋានលេខកូដ> ។ ភាពខុសគ្នាតែមួយគឺថាជំនួសឱ្យទិន្នន័យអ្នកដាក់ URL ឯកសារ SVG របស់អ្នកនៅក្នុង src attribute ។

ការបង្កប់របស់អ្នកមើលទៅដូចនេះ:

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

គន្លឹះក្នុងការប្រើការដាក់បញ្ចូលសម្រាប់ SVG

  • ស្លាកបង្កប់មិនមាន HTML4 ត្រឹមត្រូវទេប៉ុន្តែវាជា HTML5 ត្រឹមត្រូវដូច្នេះបើអ្នកប្រើវាក្នុងទំព័រ HTML4 អ្នកគួរចងចាំថាទំព័ររបស់អ្នកនឹងមិនមានសុពលភាពទេ។
  • ប្រើឈ្មោះដែន quoalified យ៉ាងពេញលេញនៅក្នុងគុណលក្ខណៈ src សម្រាប់ភាពឆបគ្នាដ៏ល្អបំផុត។
  • វាក៏មានរបាយការណ៍មួយចំនួនផងដែរដែលថាការប្រើស្លាកបង្កប់ជាមួយកម្មវិធីជំនួយ Adobe នឹងបុក Mozilla កំណែ 1.0 ទៅ 1.4 ។

មើល SVG នៅក្នុងគំរូបង្កប់។

ប្រើ iframe ដើម្បីរួមបញ្ចូល SVG

Iframes គឺជាមធ្យោបាយងាយស្រួលមួយទៀតដើម្បីបញ្ចូលរូបភាព SVG នៅលើទំព័របណ្តាញរបស់អ្នក។ វាទាមទារតែគុណលក្ខណៈចំនួនបី: ទទឹងនិងកម្ពស់ធម្មតាហើយ src ចង្អុលទៅទីតាំងនៃឯកសារ SVG របស់អ្នក។

iframe របស់អ្នកនឹងមើលទៅដូចនេះ: