SVG үзүүлэгч
Түүхий SVG тэмдэглэгээг наагаад, дүрслэгдсэн үр дүнг шууд урьдчилан харна.
Урьдчилан харалт нь скрипт болон гадаад ишлэлүүдийг идэвхгүй болгож, viewBox ба хэмжээний мэдээллийг шалгах боломж олгоно.
SVG урьдчилан харалт: түүхий кодоо нааж, үр дүнг шууд шалга
viewBox ба хэмжээний шалгалт: ил тод байдал болон аюултай байж болох агуулгыг нягтал
Хэрхэн ашиглах вэ
- SVG кодоо наах эсвэл `.svg` файлыг ачаална.
- Дүрслэлээ шалгахын тулд дэвсгэр болон томруулалтын түвшинг солино.
- viewBox, хэмжээний дэлгэрэнгүй, анхааруулгыг шалгаад, шаардлагатай бол SVG-г хадгална.
Жишээ
Энгийн дүрсний SVG
Оролт
<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 120 120"><circle cx="60" cy="60" r="52" fill="#0ea5e9"/><path d="M36 62l16 16 32-40" fill="none" stroke="#fff" stroke-width="10" stroke-linecap="round" stroke-linejoin="round"/></svg>
Гаралт
Хөх дугуй дүрс гарч, мэдээллийн самбарт viewBox нь `0 0 120 120` гэж харагдана.
Түгээмэл асуултууд
Миний SVG хаа нэгтээ илгээгдэх үү?
Үгүй. Наасан SVG болон ачаалсан файл таны хөтөч дотор үлдэж, сервер рүү илгээгдэхгүй.
Script эсвэл foreignObject агуулсан SVG-д юу болдог вэ?
Аюулгүй урьдчилан харалт нь эдгээр элементүүдийг дүрслэхийн өмнө устгаад, мэдээллийн самбарт анхааруулга харуулна.
Гаднын зураг эсвэл фонттой SVG яг адилхан гарах уу?
Үргэлж биш. Гаднын ишлэлүүдийг идэвхгүй болгосон тул дүрслэл нь эх орчныг яг таг давтаж чадахгүй байж магадгүй. Энэ хэрэгсэл нь аюулгүй, орон нутгийн шалгалтад түлхүү чиглэсэн.
Яагаад миний SVG дүрслэгдэхгүй байна вэ?
Ихэнх шалтгаан нь алдаатай XML, буруу атрибутын утга, эсвэл `svg` биш үндсэн элемент байдаг. Хэрэгслийн гаргасан алдааны мессежийг шалгана уу.
Яагаад дэвсгэрийг солих хэрэгтэй вэ?
Ил тод хэсгүүд болон цайвар өнгийн дүрсүүд дэвсгэрээсээ шалтгаалан тэс өөр харагдаж болдог. Тиймээс хэрэгсэл нь шатрын хээ, цагаан, хар дэвсгэрийг хурдан турших боломж өгнө.
Тэмдэглэл
- Аюулгүй байдлын үүднээс дүрслэхээс өмнө гаднын URL ишлэлүүд болон аюултай элементүүдийг идэвхгүй болгоно.
- Гаднын фонт эсвэл зурагт найдаж ажилладаг SVG нь анхны орчноосоо өөр харагдаж магадгүй.
- Маш том SVG файлууд нь шууд урьдчилан харалт горимоос автоматаар гарч, гараар дүрслэхийг шаарддаг.