效果图： 原理：多个SVG描边动画使用不同的animation-delay即可！ 对于一个形状SVG元素或文本SVG元素，可以使用stroke-dasharray来控制描边的间隔样式，并且可以用stroke-dashoffset来控制描边的偏移量，借此可以实现描边动画效果，更具体的资料可以看看张大神 ...
分类：
Web程序 时间：
2017-09-04 14:58:32
阅读次数：
194
corners、gradient、padding、size、solid、stroke 一、corners: Corners标签是用来字义圆角的，其中radius与其它四个并不能共同使用。 android:radius：定义四个角的的圆角半径 二、solid： 用来指定内部填充颜色 <solid an ...
分类：
其他好文 时间：
2017-09-04 13:09:34
阅读次数：
165
界面是一个九宫格的布局.九宫格实现思路. 先确定有多少列 cloum = 3; 计算出每列之间的距离 计算为: CGFloat margin = (当前View的宽度 - 列数 * 按钮的宽度) / 总列数 + 1 每一列的X的值与它当前所在的行有关 当前所在的列为:curColum = i % c ...
分类：
移动开发 时间：
2017-09-03 14:52:51
阅读次数：
316
摘自：http://blog.chinaunix.net/uid-20622737-id-3161025.html //贝塞尔曲线，输入参数分别为起点坐标，第一控制点坐标，终点坐标 //curve4还增加了第二控制点坐标，作为参数 agg::curve3curve(20,20,130,130,600,240); agg::conv_stroke<agg::curve3>stroke2(curv..
分类：
其他好文 时间：
2017-09-01 15:41:22
阅读次数：
102
1前言轮廓线就是图形的边界，任何封闭的顶点源跳过agg::conv_stroke阶段，将会描绘实心的图形，填充的颜色和边界保持一致。如果不封闭的顶点源一旦跳过agg::conv_stroke就什么也不绘制。agg::conv_stroke就是用来描绘图形边界的。和agg::trans_affine对比可知，agg::conv_conto..
分类：
其他好文 时间：
2017-09-01 15:39:08
阅读次数：
217
HTML5 Canvas <canvas>标签：使用脚本 (通常是JavaScript)来绘制图形——默认情况下 <canvas> 元素没有边框和内容。 在画布上（Canvas）画一个红色矩形，渐变矩形，彩色矩形，和一些彩色的文字。 注：指定一个id属性 (脚本中经常引用), width 和 hei ...
分类：
Web程序 时间：
2017-09-01 14:36:30
阅读次数：
251
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
var csns=document.getElementById("csns"); var tcx=csns.getContext("2d"); csns.style.border="1px red solid"; tcx.strokeStyle="#1296DB" tcx.beginPath();... ...
分类：
其他好文 时间：
2017-08-29 14:13:21
阅读次数：
162
前言 为了保证tuple的强有序和exactly-once语义，storm提供了事务机制，为每个tuple提供一个id 设计方法1 为每个tuple设置一个事务id，在数据库保存事务id和当前处理的id做比较。 1.两个id不一样，由于事务的强有序特点，判断出该tuple没有出现过，所以更新id 2 ...
分类：
其他好文 时间：
2017-08-26 20:38:58
阅读次数：
134
