摘要: 给SVG元素应用填充和描边有三种方法(戳这里学习SVG填充和描边的相关内容)。你可以使用纯色、图案或渐变。前面两种方法我们之前已经讲过了,现在我们来讨论第三种方法——渐变。 SVG提供了两种渐变——线性、径向。我今天先讲线性渐变,下篇我们再看看径向渐变。 SVG线性渐变 如果你看过这系列的SVG之前 阅读全文
posted @ 2016-09-27 01:41 看不懂。。 阅读(6517) 评论(0) 推荐(0) 编辑
摘要: 一、数字、公式、函数、变量,哦,NO! 又又一次说起贝塞尔曲线(英语:Bézier curve,维基百科详尽中文释义戳这里),我最近在尝试实现复杂的矢量图形动画,发现对贝塞尔曲线的理解馒头那么厚,是完全不能承受富有创意的创作的,至少得有我当年追我老婆的脸皮厚才行。 然而,瞅瞅维基百科上的释义,或者其 阅读全文
posted @ 2016-09-27 01:25 看不懂。。 阅读(4457) 评论(1) 推荐(1) 编辑
摘要: 万丈高楼平地起,基础很重要。 viewport 表示SVG可见区域的大小,或者可以想象成舞台大小,画布大小。 上面的SVG代码定义了一个视区,宽500单位,高300单位。 注意这里的措辞是“单位”,不是“像素”。虽然说,width/height如果是纯数字,使用的就是“像素”作为单位的。 也就是说, 阅读全文
posted @ 2016-09-27 01:09 看不懂。。 阅读(269) 评论(0) 推荐(0) 编辑