Ko dobimo tisto, čemur pravimo naš »defs block« SVG - tisti del SVG, ki določa vse stvari, ki jih želimo risati kasneje - kam ga postavimo? Doslej smo ga dajali neposredno v HTML, kar popolnoma deluje. Če jo pustimo na vrhu strani, recimo takoj za uvodno oznako:
To bo odlično delovalo v vseh brskalnikih, ki podpirajo SVG.
Morda bi bilo skušnjavo to premakniti navzdol. Morda ikone niso nadvse pomembne za prikaz strani, niso tako pomembne kot resnična vsebina, ki naj bi jo prenesli na stran, zato ikone namesto tega premaknemo na dno strani in tako odložimo njihovo nalaganje, kot to pogosto počnemo z JavaScriptom. To poskusimo v videoposnetku, vendar imamo težave z upodabljanjem ikon, ki smo jih kasneje sploh poskusili . Če sem iskren, sem tudi v drugih brskalnikih videl nedosledno vedenje ali različne vrste, ki to počnejo, in zdi se, da se pokrajina glede tega nekoliko spreminja. Tako sem slišal: je težko izvedljivo. Najbolj varno je postaviti blok na vrh, če na koncu ohranite def v svojih dokumentih.
V tem videu si ogledamo nekaj osnovnih preizkusov vsega tega, nato pa nekaj spletnih strani v resničnem svetu, ki uporabljajo ta sistem, in kako / kam vstavijo blok svg defs.
Glej pisalo 954e71cb5d5e79fb61d3c89bb3f21b8a Chrisa Coyierja (@chriscoyier) na CodePen.
Opomba
Všeč mi je izraz »SVG defs block« - samo zato, da ga lahko imenujemo nekaj, kar ima določen namen, vendar v resnici nima uradnega imena. Vendar vam ni treba vedno uporabiti oznake. Ko uporabljate s, se ti itak ne upodabljajo sami in res ne mislim, da bi morali biti znotraj . Slišal sem, da so opredelitve prelivov v SVG enake in sploh ne bodo delovale, če so v . Ne glede na to pa je še vedno »blok kode SVG, ki ga šele določimo za uporabo kasneje«, zato ga bom verjetno še naprej imenoval »blok SVG defs«.