Graffeg Vector SVG neu Scalable yn gadael i chi dynnu lluniau llawer mwy cymhleth a chael eu rendro ar dudalennau gwe. Ond ni allwch chi gymryd y tagiau SVG yn syml a'u slapio i mewn i'ch HTML. Ni fyddant yn ymddangos a bydd eich tudalen yn annilys. Yn lle hynny, mae'n rhaid i chi ddefnyddio un o dri dull.
Defnyddiwch y Tag Gwrthod i Embedd SVG
Bydd y tag HTML yn ymgorffori graffeg SVG yn eich tudalen we. Rydych chi'n ysgrifennu'r tag gwrthrych gyda phriodoledd data i ddiffinio'r ffeil SVG yr ydych am ei agor. Dylech hefyd gynnwys nodweddion lled a thaldra i ddiffinio lled ac uchder eich delwedd SVG (mewn picsel).
Ar gyfer cydweddoldeb traws-borwr, dylech gynnwys y priodwedd math, a ddylai ddarllen:
type = "image / svg + xml"
a chod cod ar gyfer porwyr nad ydynt yn ei gefnogi (Internet Explorer 8 ac is). Byddai'ch cod cod yn cyfeirio at ychwanegyn SVG ar gyfer porwyr nad ydynt yn cefnogi SVG. Ychwanegiad mwyaf cyffredin yw Adobe ar http://www.adobe.com/svg/viewer/install/. Fodd bynnag, nid yw'r ategyn hwn bellach yn cael ei gefnogi gan Adobe. Yr opsiwn arall yw ychwanegyn Ssrc SVG o Savarese Software Research yn http://www.savarese.com/software/svgplugin/.