<legend id="gwzfu"><i id="gwzfu"></i></legend><ruby id="gwzfu"><i id="gwzfu"><tbody id="gwzfu"></tbody></i></ruby>
      1. <progress id="gwzfu"></progress>

        1. 為了賬號安全,請及時綁定郵箱和手機立即綁定

          走進SVG

          難度中級
          時長 4小時56分
          學習人數
          綜合評分95.7
          39人評價 查看評價
          9.9 內容實用
          9.4 簡潔易懂
          9.4 邏輯清晰
          簡介:SVG 是 HTML5 中矢量圖的標記語言,它保持了強大的繪圖能力的同時,具有非常高端的使用接口,通過直接操作 Dom 節點的形式來操作圖形。本課程意在讓學生掌握 SVG 這門語言和它對應的一些 API,再結合2D繪圖的知識,讓學生具有對頁面復雜圖形的渲染和控制能力。

          第1章 SVG 入門

          介紹 SVG 的技術背景,介紹 SVG 的使用方法、基本圖形、基本屬性以及基本編程接口,讓觀眾對 SVG 有一個大概的了解,并且通過一個綜合的例子「SVG 編輯器」將本章知識點串聯起來。

          第2章 SVG 中的坐標系統

          讓學生理解 SVG 中的坐標系統的概念。分別講述視窗和視野的概念、使用 <g> 標簽進行圖形分組、以及坐標系和坐標變換的概念及應用。

          第3章 顏色、漸變和筆刷

          講述在 SVG 中如何使用顏色、漸變以及筆刷進行豐富的填充和描邊。

          第4章 Path 高級教程

          講述使用 Path 進行任意圖形繪制的命令格式,介紹貝塞爾曲線的概念。然后簡單介紹如何把任意 Path 轉換成貝塞爾曲線之后制作圖形補間。

          第6章 圖形引用、裁切和蒙版

          介紹在 SVG 中如何引用其它圖形作為替身,如何用裁剪和蒙版做出更高級的圖形效果。

          第7章 SVG 動畫

          介紹一下動畫的基本概念,以及在 SVG 中創建動畫的兩種方式。使用一個引人入勝的例子來介紹。

          第8章 總結

          本章主要對我們的正門課程的知識點做一個總結,幫助大家梳理一下整個課程
          課程須知
          1.具備HTML+CSS知識基礎;2.對CSS3有一定了解;3.具備一定JS的知識
          老師告訴你能學到什么?
          讓學生能熟悉使用 SVG 在實際的 Web 項目中進行一些 2D 繪圖、特效的開發。
          意見反饋 邀請有獎 幫助中心 APP下載
          官方微信
          播播开心网