2019年6月27日 星期四

使用 html- SVG 的 forginObject 標籤

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

簡單使用方法如下:

See the Pen
svg foreignObject
by deathhell (@deathhell)
on CodePen.


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

See the Pen
svg foreignObject 2
by deathhell (@deathhell)
on CodePen.



反應:

0 意見:

Related Posts Plugin for WordPress, Blogger...