基本內容
什麼是svg? 全稱為scalable vector graphics，是一種使用xml技術描述二維圖形的語言，簡單來說 - 向量圖(不失真)
svg與html5的關係
早在html5之前,存在svg技術 svg擴充套件名為".svg" 在html5出現之前,要在html頁面中引入svg檔案 在html5出現之後,將svg內容直接定義在html頁面中
svg的優勢
可以使用文字編輯器建立和修改，svg可被搜尋、索引等，svg繪製的影象不失真的
svg與canvas的區別
svg不依賴於解析度，使用dom或繫結事件，實現大型渲染區域的應用(地圖類) canvas依賴於解析度，不能使用dom或繫結事件的，執行時以形式出現".jpg" svg的標準也是w3c定製的
設定樣式
1.通過元素的屬性方式 fill - 設定填充樣式 fill-opacity - 設定填充透明度 stroke - 設定描邊樣式 stroke-width - 設定邊框的寬度
2.通過style屬性,使用類似於css屬性設定方式 注意 - 不能使用css中的樣式進行設定 transform屬性，用於設定轉換效果 方法有：rotate()、scale()、translate()
繪製圖形
矩形元素- 元素
複製**width和height - 設定繪製矩形的寬度和高度
rx和xy - 設定圓角矩形
圓形元素- 元素
複製**cx和cy不設定值的話,預設為(0,0)
r - 繪製圓形的半徑
橢圓元素- 元素
複製**rx - 繪製橢圓的水平方向的半徑
ry - 繪製橢圓的垂直方向的半徑
注意：當rx和ry的值相同時,繪製的是圓形
線條元素- 元素
複製**x2和y2 - 繪製直線的終點座標值
注意：繪製直線時,預設描邊顏色為白色 *
折線元素- 元素
複製**注意：描邊顏色預設為白色,填充顏色預設為黑色
多邊形元素- 元素
複製**注意： svg繪製圖形使用元素 單標籤 - 增加結束符"/" 起始標籤
特效元素
線性漸變 - 基準線
複製**
複製**
濾鏡元素 - 高斯模糊
濾鏡元素 - filter 元素
高斯模糊 - fegaussianblur 元素
前端必備知識點之CSRF XSS
csrf cross site request forgery 中文名稱 跨站請求偽造，也被稱為 one click attack session riding，縮寫為 csrf xsrf xss cross site scripting 中文名稱 跨站指令碼攻擊，人們經常將跨站指令碼攻擊 cros...
Oracle 必備知識點
sql alter user scott identified by mypassword sql alter user scott account unlock 作業系統認證，不需要資料庫伺服器啟動listener，也不需要資料庫伺服器處於可用狀態。比如我們想要啟動資料庫就可以用這種方式進入sql...
面試必備知識點
盒模型 css的單位和應用場景及rem的設定，正方形的處理 定位，回流與重繪 ifc bfc與清除浮動 相容處理及 查詢 css預處理與後處理 css module及第三方庫的樣式覆蓋 deep 和global 深入vue的響應原理?手動實現發部訂閱 手動實現簡單mvvm vue多版本之間的區別 執...