前面的话 给SVG元素应用填充和描边，除了使用纯色外，还可以使用渐变。本文将详细介绍SVG渐变 线性渐变 有两种类型的渐变：线性渐变和径向渐变。必须给渐变内容指定一个id属性，否则文档内的其他元素不能引用它。为了让渐变能被重复使用，渐变内容需要定义在<defs>标签内部，而不是定义在形状上面 线性渐 ...
分类：
其他好文 时间：
2017-09-08 22:57:19
阅读次数：
203
[1]概述 [2]引入 [3]基础形状 [4]填充和描边 [5]CSS ...
分类：
其他好文 时间：
2017-09-05 15:45:58
阅读次数：
155
效果图： 原理：多个SVG描边动画使用不同的animation-delay即可！ 对于一个形状SVG元素或文本SVG元素，可以使用stroke-dasharray来控制描边的间隔样式，并且可以用stroke-dashoffset来控制描边的偏移量，借此可以实现描边动画效果，更具体的资料可以看看张大神 ...
分类：
Web程序 时间：
2017-09-04 14:58:32
阅读次数：
194
canvas的尺寸在内部设置，CSS里设置会被缩放； lineWidth=10;描边宽度，以中间向两侧绘制； 绘制线段： moveTo,lineTo,strokeStyle,stroke(),beginPath() 示例： strokeStyle的三种赋值方式： （1）颜色值 （2）渐变 线性渐变： ...
分类：
其他好文 时间：
2017-08-31 09:42:47
阅读次数：
174
说起动画我是十分感兴趣的，你们呢？哈下面说说SVG动画是如何实现的。 svg路径描边动画 实现原理：该动画的实现原理是根据stroke-dasharray和stroke-dashoffset来实现的，那这两个属性是干什么的呢？再次简单的说一下，想具体了解的自行百度0.0stroke-dasharra ...
分类：
其他好文 时间：
2017-08-30 18:30:54
阅读次数：
131
Canvas的画图环境提供三个方法如：绘制填充文本：fillText();绘制描边文本：strokeText();绘制文本并返回一个对象：measure();measure()方法返回的对象中包括一个width属性，该属性表达绘制的文本所占领的宽度。<canvas id="canvas1" widt ...
分类：
其他好文 时间：
2017-08-18 18:46:35
阅读次数：
212
恢复内容开始 ### 边框图片 * border-image-source 图片地址 * border-image-slice 图片截取方式 值 浮点数/百分比 * border-iamge-width 边框图片厚度 值 长度单位 * border-image-outset 外延 值 长度单位 * ...
分类：
其他好文 时间：
2017-08-06 20:51:28
阅读次数：
137
模型描边 1: LOL里面的模型描边效果，点击防御塔会有描边的效果，被攻击的时候模型也要描边凸显一下2: 网上可以找到模型描边的Shader，可以直接下载使用，一组第三方的Shader, 帮我们解决了模型描边的问题，叫Toony（第65） Shader切换 1.被攻击的时候模型描边凸显一下，不被攻击 ...
分类：
编程语言 时间：
2017-08-04 20:39:46
阅读次数：
248
之前写过一篇CSS3的饼图全面解析，这次给大家分享一个SVG实现饼图的全面解析。 既然是绘制饼图，那么显然需要绘制圆形。 描边刚好是从半径30的位置开始左右两边平均各分配15px的宽度，这样整个圆形看起来就像是45px的半径宽度。 于是，如果我们将描边的宽度设置为半径的两倍，那么整个圆都会被描边所覆 ...
分类：
其他好文 时间：
2017-07-30 10:16:48
阅读次数：
218
有时候想要一张shp格式的地方行政区划矢量图，但苦于网络资源有限，找得到的可能不够满足需求，更多时候是难以找到，这时唯有自力更生了！下面我将分享一种方法，通过用GIS软件创建shapefile文件并进行编辑描边，以达到目的。 有时候想要一张shp格式的地方行政区划矢量图，但苦于网络资源有限，找得到的 ...
分类：
其他好文 时间：
2017-07-03 23:55:52
阅读次数：
1581
