SVG學習筆記(1)

2021-07-15 15:43:40 字數 1103 閱讀 2176

以前聽過svg,那麼svg到底是什麼呢?跟著慕客老師一起來學習吧。

1.svg是使用xml描述的向量檔案。

2.點陣圖和向量圖的定義(

點陣圖是基於顏色的描述,也就是每乙個顏色畫素點的組合。

而向量圖呢,則是基於數學的描述,比如說一條曲線,還有svg、ai等都是向量圖。

) 3.svg的4種使用方式(瀏覽器直接開啟、html中標籤引用、直接在html中引用svg標籤、作為css背景)

4.svg基本圖形和屬性

(1)矩形

HTML學習筆記 五 SVG

在容器中,預定義有一些圖形標籤,方便開發者用於繪製圖形 0 通用屬性 這些圖形標籤有一些通用的屬性,用於控制圖形的樣式 1 矩形 使用標籤可以繪製矩形,該標籤常用的屬性如下 2 圓形 使用標籤可以繪製圓形,該標籤常用的屬性如下 3 橢圓 使用標籤可以繪製橢圓,該標籤常用的屬性如下 4 線段 使用標籤...

SVG相關學習 一 SVG基礎

svg svg 指可伸縮向量圖形 scalable vector graphics svg viewboxviewport svg 實際大小 viewbox x,y,width,height x 左上角橫座標,y 左上角縱座標,width 寬度,height 高度 視區盒子 以視區盒子大小選中元素然...

翻譯svg教程 svg學習系列 開篇

目錄 翻譯svg教程 svg學習系列 開篇 翻譯svg教程 svg 的座標系統 翻譯svg教程 svg 中的g元素 翻譯svg教程 svg中矩形元素 rect 翻譯svg教程 svg中的circle元素 svg翻譯教程 橢圓 ellipse元素 和線 line元素 svg 翻譯教程 polyline...