动画分为: 1.css3动画:(动画性能远高于js) 1).过渡动画(transition) 2).关键帧动画(@keyframes,animation) 2.js动画: 过渡动画(transition) 语法: (所有时长单位都是秒） 1.变化属性(transition-property(属性名) ...
分类：
其他好文 时间：
2017-01-06 21:21:39
阅读次数：
8696
1.一系列Css transition单一过渡效果：http://leaverou.github.io/animatable/ 2.Css transition过渡效果自定义timing-function：http://cubic-bezier.com（贝塞尔曲线） ...
分类：
其他好文 时间：
2017-01-06 12:13:45
阅读次数：
183
当需要画图时我们一般创建一个UIView子类， 重写其中的drawRect方法 再drawRect方法中利用UIBezierPath添加画图 UIBezierPath的使用方法： （1）创建一个Bezier path对象。 （2）使用方法moveToPoint:去设置初始线段的起点。 （3）添加li ...
分类：
其他好文 时间：
2017-01-05 18:16:41
阅读次数：
236
使用UIBezierPath类可以创建基于矢量的路径，这个类在UIKit中。此类是Core Graphics框架关于path的一个封装。使用此类可以定义简单的形状，如椭圆或者矩形，或者有多个直线和曲线段组成的形状。 1.Bezier Path 基础 UIBezierPath对象是CGPathRef数 ...
分类：
其他好文 时间：
2017-01-03 20:30:02
阅读次数：
298
我胡汉三又回来了！闲话不多说，我们直奔主题。关于贝赛尔曲线的概述这就不说了，这里来介绍一下前端中的三种应用，分别是用在了CSS3(transition)、Canvas、SVG。以下贝塞尔曲线均指三次贝塞尔。 一、CSS3 这里贝塞尔其实是以transition动画的进行速度方式的角色出现的。大家都知 ...
分类：
其他好文 时间：
2016-12-25 01:13:57
阅读次数：
234
本文来源：http://blog.csdn.net/joueu/article/details/44329825 以下是规范建议，均是日常在开发当中的的一些经验，仅供参考。 移动web开发规范 一.头部声明 1、其中width=device-width就是说把页面宽度设置成和屏幕宽度一样 <meta ...
分类：
移动开发 时间：
2016-12-19 18:28:37
阅读次数：
289
首先介绍以下什么是贝塞尔曲线 贝塞尔曲线又叫贝茨曲线（Bezier），由两个端点以及若干个控制点组成，只有两个端点在曲线上，控制点不在曲线上，只是控制曲线的走向。 控制点个数为0时，它是一条直线; 控制点个数为1时，它是二次贝塞尔曲线; 控制点个数为2时，它是三次贝塞尔曲线； .... 数学公式 二 ...
分类：
其他好文 时间：
2016-11-26 23:41:35
阅读次数：
233
学习目的：在Canvas上绘制矩形，三角形，直线，圆弧，曲线 栅格 栅格canvas grid，canvas元素默认被网格覆盖，栅格的起点是左上角坐标(0,0)，元素的位置都是相对于栅格起点来定位的。 绘制矩形 API提供了三种方法绘制矩形 fillRect(x, y, width, height) ...
分类：
其他好文 时间：
2016-11-26 18:03:00
阅读次数：
234
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xmlns="http://www.w3.o ...
分类：
Web程序 时间：
2016-11-25 09:40:07
阅读次数：
216
Endpoint：jsPlumb提供了四种类型的端点，Dot,Rectangle,Blank，使用失败了。Image，使用失败了。 ConnectorsjsPlumb提供了四种类型的连线，Bezier，StateMachine，Flowchart，Straight OverlayjsPlumb提供了 ...
分类：
Web程序 时间：
2016-11-23 12:31:37
阅读次数：
993
