├── .gitignore ├── 1.SVG教程.md ├── 10.SVG-circle元素.md ├── 11.SVG-ellipse元素.md ├── 12.SVG-line元素.md ├── 13.SVG-polyline元素.md ├── 14.SVG-polygon元素.md ├── 15.SVG-path元素.md ├── 16.SVG-marker元素.md ├── 17.SVG-text元素.md ├── 18.SVG-tspan元素.md ├── 19.SVG-tref元素.md ├── 2.SVG示例.md ├── 20.SVG-textpath元素.md ├── 21.SVG-switch元素.md ├── 22.SVG-image元素.md ├── 23.SVG-a元素.md ├── 24.SVG-defs元素.md ├── 25.SVG-symbol元素.md ├── 26.SVG-use元素.md ├── 27.SVG和CSS-级联样式表.md ├── 28.SVG轮廓.md ├── 29.SVG填充.md ├── 3.一个简单的SVG示例.md ├── 30.SVG视口和视图框.md ├── 31.SVG动画.md ├── 32.SVG脚本.md ├── 33.SVG变换.md ├── 34.SVG渐变.md ├── 35.SVG填充图案.md ├── 36.SVG剪裁路径.md ├── 37.SVG遮罩.md ├── 38.SVG滤镜.md ├── 4.在Web浏览器中显示SVG.md ├── 5.SVG图标.md ├── 6.SVG坐标系.md ├── 7.SVG-svg元素.md ├── 8.SVG-g元素.md ├── 9.SVG-rect元素.md ├── README.md ├── SUMMARY.md ├── assets ├── 2 │ ├── advanced_shapes.svg │ ├── animations.svg │ ├── basic_shapes.svg │ ├── gradients.svg │ ├── images.svg │ ├── layering_opacity.svg │ ├── links.svg │ ├── text.svg │ ├── transformations.svg │ └── use_cases.svg ├── 5 │ ├── svg-icons-circle-1.svg │ └── svg-icons-circle-2.svg ├── 37 │ └── mask.svg └── 38 │ └── filters-1.png ├── book.json ├── googleed52797467c24cfe.html └── package.json /.gitignore: -------------------------------------------------------------------------------- 1 | node_modules 2 | _book 3 | -------------------------------------------------------------------------------- /1.SVG教程.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/1.SVG教程.md -------------------------------------------------------------------------------- /10.SVG-circle元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/10.SVG-circle元素.md -------------------------------------------------------------------------------- /11.SVG-ellipse元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/11.SVG-ellipse元素.md -------------------------------------------------------------------------------- /12.SVG-line元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/12.SVG-line元素.md -------------------------------------------------------------------------------- /13.SVG-polyline元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/13.SVG-polyline元素.md -------------------------------------------------------------------------------- /14.SVG-polygon元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/14.SVG-polygon元素.md -------------------------------------------------------------------------------- /15.SVG-path元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/15.SVG-path元素.md -------------------------------------------------------------------------------- /16.SVG-marker元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/16.SVG-marker元素.md -------------------------------------------------------------------------------- /17.SVG-text元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/17.SVG-text元素.md -------------------------------------------------------------------------------- /18.SVG-tspan元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/18.SVG-tspan元素.md -------------------------------------------------------------------------------- /19.SVG-tref元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/19.SVG-tref元素.md -------------------------------------------------------------------------------- /2.SVG示例.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/2.SVG示例.md -------------------------------------------------------------------------------- /20.SVG-textpath元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/20.SVG-textpath元素.md -------------------------------------------------------------------------------- /21.SVG-switch元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/21.SVG-switch元素.md -------------------------------------------------------------------------------- /22.SVG-image元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/22.SVG-image元素.md -------------------------------------------------------------------------------- /23.SVG-a元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/23.SVG-a元素.md -------------------------------------------------------------------------------- /24.SVG-defs元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/24.SVG-defs元素.md -------------------------------------------------------------------------------- /25.SVG-symbol元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/25.SVG-symbol元素.md -------------------------------------------------------------------------------- /26.SVG-use元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/26.SVG-use元素.md -------------------------------------------------------------------------------- /27.SVG和CSS-级联样式表.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/27.SVG和CSS-级联样式表.md -------------------------------------------------------------------------------- /28.SVG轮廓.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/28.SVG轮廓.md -------------------------------------------------------------------------------- /29.SVG填充.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/29.SVG填充.md -------------------------------------------------------------------------------- /3.一个简单的SVG示例.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/3.一个简单的SVG示例.md -------------------------------------------------------------------------------- /30.SVG视口和视图框.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/30.SVG视口和视图框.md -------------------------------------------------------------------------------- /31.SVG动画.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/31.SVG动画.md -------------------------------------------------------------------------------- /32.SVG脚本.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/32.SVG脚本.md -------------------------------------------------------------------------------- /33.SVG变换.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/33.SVG变换.md -------------------------------------------------------------------------------- /34.SVG渐变.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/34.SVG渐变.md -------------------------------------------------------------------------------- /35.SVG填充图案.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/35.SVG填充图案.md -------------------------------------------------------------------------------- /36.SVG剪裁路径.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/36.SVG剪裁路径.md -------------------------------------------------------------------------------- /37.SVG遮罩.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/37.SVG遮罩.md -------------------------------------------------------------------------------- /38.SVG滤镜.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/38.SVG滤镜.md -------------------------------------------------------------------------------- /4.在Web浏览器中显示SVG.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/4.在Web浏览器中显示SVG.md -------------------------------------------------------------------------------- /5.SVG图标.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/5.SVG图标.md -------------------------------------------------------------------------------- /6.SVG坐标系.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/6.SVG坐标系.md -------------------------------------------------------------------------------- /7.SVG-svg元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/7.SVG-svg元素.md -------------------------------------------------------------------------------- /8.SVG-g元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/8.SVG-g元素.md -------------------------------------------------------------------------------- /9.SVG-rect元素.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/9.SVG-rect元素.md -------------------------------------------------------------------------------- /README.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/README.md -------------------------------------------------------------------------------- /SUMMARY.md: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/SUMMARY.md -------------------------------------------------------------------------------- /assets/2/advanced_shapes.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/2/advanced_shapes.svg -------------------------------------------------------------------------------- /assets/2/animations.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/2/animations.svg -------------------------------------------------------------------------------- /assets/2/basic_shapes.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/2/basic_shapes.svg -------------------------------------------------------------------------------- /assets/2/gradients.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/2/gradients.svg -------------------------------------------------------------------------------- /assets/2/images.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/2/images.svg -------------------------------------------------------------------------------- /assets/2/layering_opacity.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/2/layering_opacity.svg -------------------------------------------------------------------------------- /assets/2/links.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/2/links.svg -------------------------------------------------------------------------------- /assets/2/text.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/2/text.svg -------------------------------------------------------------------------------- /assets/2/transformations.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/2/transformations.svg -------------------------------------------------------------------------------- /assets/2/use_cases.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/2/use_cases.svg -------------------------------------------------------------------------------- /assets/37/mask.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/37/mask.svg -------------------------------------------------------------------------------- /assets/38/filters-1.png: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/38/filters-1.png -------------------------------------------------------------------------------- /assets/5/svg-icons-circle-1.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/5/svg-icons-circle-1.svg -------------------------------------------------------------------------------- /assets/5/svg-icons-circle-2.svg: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/assets/5/svg-icons-circle-2.svg -------------------------------------------------------------------------------- /book.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/book.json -------------------------------------------------------------------------------- /googleed52797467c24cfe.html: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/googleed52797467c24cfe.html -------------------------------------------------------------------------------- /package.json: -------------------------------------------------------------------------------- https://raw.githubusercontent.com/brucewar/svg-tutorial/HEAD/package.json --------------------------------------------------------------------------------