Kikagua SVG

Bandika markup mbichi ya SVG na uone hakikisho la matokeo mara moja.

Hakikisho huzima script na marejeo ya nje, huku bado likikuwezesha kukagua viewBox na maelezo ya ukubwa.

Hakikisho la SVG: bandika msimbo mbichi na uone matokeo papo hapo

Ukaguzi wa viewBox na ukubwa: kagua uwazi na maudhui yanayoweza kuwa hatari

Uchakataji wote unafanyika ndani ya kivinjari chako.
Hakikisho linazuia script na marejeo ya nje.

Jinsi ya kutumia

  1. Bandika SVG yako au pakia faili ili uanze hakikisho.
  2. Kagua taarifa, maonyo, na viewBox kabla ya kushiriki au kupakua.
  3. Tumia hakikisho salama au chora kwa mikono ikiwa faili ni kubwa.

Mfano

SVG rahisi ya ikoni

Ingizo

Bandika SVG ya mfano

Matokeo

Ikoni ya duara la bluu huonyeshwa, na viewBox huonekana kama `0 0 120 120` kwenye paneli ya taarifa.

Maswali Yanayoulizwa Mara kwa Mara

Je, SVG yangu hupakiwa mahali pengine?

Hapana. SVG uliobandika na faili zilizopakiwa hubaki kwenye kivinjari chako na hazitumwi kwenye seva.

Ni nini hutokea kwa SVG zilizo na script au foreignObject?

Hakikisho salama huondoa vipengele hivyo kabla ya kuonyesha na huonyesha onyo kwenye paneli ya taarifa.

Je, SVG zenye picha au fonti za nje zitaonekana sawa kabisa?

Si mara zote. Marejeo ya nje huzimwa, hivyo mwonekano unaweza kutofautiana na mazingira ya awali. Zana hii hutanguliza ukaguzi salama wa ndani.

Kwa nini SVG yangu haionekani?

Sababu za kawaida ni XML isiyo sahihi, thamani mbaya za sifa, au kipengele cha mzizi kisicho `svg`. Kagua ujumbe wa hitilafu unaoonyeshwa na zana.

Naweza kutumia faili kubwa sana?

SVG kubwa sana hubadili kiotomatiki kutoka kwenye hakikisho hai na kukuomba utoe matokeo kwa mikono.

Vidokezo

  • Kwa usalama, marejeo ya URL ya nje na vipengele hatari huzimwa kabla ya kuonyesha.
  • SVG zinazotegemea fonti au picha za nje huenda zisionekane sawa na mazingira ya awali.
  • Faili kubwa sana za SVG hubadilika kiotomatiki kutoka hali ya hakikisho hai na kukuomba utoe matokeo kwa mikono.