SVG 簡單知識小結

2022-07-08 16:18:21 字數 558 閱讀 5601

剛剛寫完 webdocument 關於 mathml 和 svg 的作業,做乙個小總結.

1. 定義:

svg (scalable vector graphics - 可縮放向量圖形) 是基於可擴充套件標記語言 (xml), 用於描述二維向量圖形的一種圖形格式.

2. svg.xml 檔案頭內容:

<?xml version="1.0" standalone="no"?>

3. 畫線段 (亦可作為畫可封口的多邊形):

ps: 如果需要畫連續的線段,則是乙個 "m " 後面一直接著寫 "l " 就行了. 如果是多邊形,則簡單的在畫完連續的線段之後,以 "z" 結尾.

例子: 

4. 畫長方形:

5. 畫圓:

6. 新增文字:

07. 檔案合併時需要注意的事項

最終需要將mathml.xml檔案與svg.xml檔案合併到乙個labor.xml中.

1) 此時需要用到namespace,將mathml與svg的宣告分開,

2) 修改svg圖在最終labor.xml中顯示的範圍大小.

...

簡單使用SVG

在前端的工作過程中經常會使用一些圖示。在之前我們曾用過兩種方式 純css,iconfont。使用是一種簡單的方式,然而卻有樣式不好調整,資源較大的缺點。純css只能實現較簡單的圖形,多用before after實現,優點是體積小,缺點是每次使用都是手寫,調整太浪費時間。iconfont是阿里的乙個圖...

svg基本知識

寫這篇文章的緣由是因為做dashboard的專案,圖形是svg的專案,參考的專案使用div寫的,然後為了改樣式一直在套樣式,結果套不出來,也是醉了,整理了一下svg的基本格式,從w3c上整理的,詳細的列子參考 目錄 svg形狀 矩形 圓形 橢圓 線 多邊形 折線 標籤 svg 濾鏡 svg 高斯模糊...

SVG總結小知識

svg 可縮放向量圖形。全稱是 scalable vector graphics svg使用 xml 格式定義影象。svg是使用 xml 來描述 二維圖形和繪圖 程式的語言。svg是w3c的推薦標準 svg於2003年1月14日成為w3c推薦標準。這是svg單獨檔案 這是svg在html中 svg檔...