Web SVG 載入img

Web 通常是用 hyper link的方式載入圖片

但是有時會遇到圖片內容是byte[]

這時候可以用BASE64 把byte[] encode成 string

web 就可以用 <img src="data:image/jpg;base64,"+string> 來顯示圖片

就算是這樣，當情況是

<svg>
    <img src="data:image/jpg;base64,"+string></img>
</svg>

一樣會無法顯示

這時候就要感謝CSS了

可以改成

<svg style="background-image:url(data:image/jpg;base64,string); background-size: 10px 10px;  background-repeat: no-repeat;"></svg>