1、可以直接在html內寫svg
（1）width寬度，height高度
（2）xmlns svg的規則
2、rect節點
（1）長方形
（2）x、y位置
（3）rx、ry圓大小
（4）fill填充顏色
3、circle節點
（1）圓形
（2）cx、cy位置
（3）r圓直徑
（4）fill填充顏色
4、path畫線節點
（1）畫線
（2）d畫線的內容
1、m原點
2、q弧線
3、l直線
4、z閉合
（3）fill填充
（4）stroke描邊
5、viewbox屬性
（1）min-x,min-y,widthandheight。（其中width和height是按比例的並不是數值，自適應頁面的話還是要使用viewbox屬性）
CSS3中SVG簡單應用
這是火焰遮罩效果圖，順著案例簡單講一下svg的簡單應用 html部分 火焰背景遮罩字title rel stylesheet href css fire.css head css部分 fire.css text 其他的樣式 html,body body svg使用的 fire.gif 首先講一下我自...
SVG的簡單介紹
1.svg 是用xml格式定義的向量圖。2.檔案體積小，能夠被大量的壓縮。3.可無限放大而不失真 向量圖的基本特徵 4.在視網膜顯示屏上效果極佳。5.能夠實現互動和濾鏡效果。6.svg元素裡提供了 width 和 height 兩個屬性來定義svg的高度和寬度。7.fill屬性定義了圓內部填充的顏色...
簡單使用SVG
在前端的工作過程中經常會使用一些圖示。在之前我們曾用過兩種方式 純css，iconfont。使用是一種簡單的方式，然而卻有樣式不好調整，資源較大的缺點。純css只能實現較簡單的圖形，多用before after實現，優點是體積小，缺點是每次使用都是手寫，調整太浪費時間。iconfont是阿里的乙個圖...