在 SVG 內使用 html- forginObject 標籤

標籤: SVG

在 SVG 裡基本上要使用其規定的標籤才能做出文字或圖形,那如果已經習慣 html 的標籤想要在 svg 內使用的話就會很不習慣,比如在 svg.裡要置入圖片要使用 image ,而 html 則是使用 img 的標籤,還好 svg 有提供一個 forginObject 的標籤,只要使用後就能在 svg 內使用 html 了。

簡單使用方法如下:

 

在 forginObject 裡面也可以直接使用 css 控制樣式: