矢量圖形SVG
- 什麼是SVG?
- SVG指可伸縮矢量圖形
- SVG用於定義網格的基於矢量的圖形
- SVG是一種基於XML語法的圖像格式
- SVG圖像在放大的情況下圖形不會失真
- SVG的優點
- SVG是可伸縮的
- 文件體積較小
- 可無限放大且不會失真
SVG代碼直接插入網頁,
<svg xmlns="http://www.w3.org/2000/svg" version="1.1" height="300">
<circle cx="100" cy="50" r="40" stroke="black"
stroke-width="2" fill="red" />
</svg>
SVG代碼也可以寫在一個獨立文件中,然後用img,object,embed,iframe等標籤插入網頁。
<img src="circle.svg">
CSS也可以使用SVG文件
.logo {
background: url(icon.svg);
}