Day: August 10, 2016

SVG的样式属性和CSS的语法非常接近，有时甚至是一样的，经常会照成一些使用上的混乱。 注意，我们在这里讨论的是用于SVG代码本身出现的规则，而不是SVG被嵌入网页后被附加上去的规则样式。然而，如果你想从CSS属性来了解SVG，比较他们的语法规则是一种有效果的方法。 SVG 等效的CSS fill background-color或color fill-opacity background-color或color设置rgba/hsla opacity opacity stroke border-color stroke-width border-thickness stroke-opacity border-color设置… Read More

SVG 入门教程系列列表： SVG 教程 （一） SVG 教程 （二）矩形 SVG 教程 （三）圆形，椭圆，直线 SVG 教程 （四）多边形，曲线，路径 SVG 教程 （五）文本，Stroke 属性，SVG 滤镜，SVG 模糊效果 SVG 教程 （六）SVG 阴影，SVG 渐变 – 线性，SVG 渐变- 放射性 SVG 教程 （七）SVG 实例，SVG 参考手册 更多参考： SVG动画入门 SVG动画入门（二） SVG技术入门：线条动画实现原理 如何使用CSS来修改SVG原点和制作SVG动画 纯CSS实现帅气的SVG路径描边动画效果 SVG矢量绘图 path路径详解（基本画法） SVG矢量绘图 path路径详解（贝塞尔曲线及平滑） Web流程图绘制使用raphael   本… Read More