一：贝塞尔曲线是什么 利用三点控制，生成一条平滑的曲线，具体解析看这个贝塞尔曲线扫盲 二：使用canvas绘制小球沿贝塞尔曲线运动 贝塞尔曲线由三个点确定，起始点P0，中间点（控制点）P1，和终点P2。确定三个点之后，用canvas所有的quadraticCurveTo方法绘制二阶贝塞尔曲线，小球的 ...
分类：
其他好文 时间：
2019-04-22 13:52:21
阅读次数：
152
思路 1、利用动画编辑器，设置一个路径，多个路径就编辑多个动画 2、用特定的代码对动画进行处理，获取到路径坐标，大佬已经写好代码，不用自己重复造轮子了（微元法求曲线长度） 获得动画路径的贝塞尔曲线方程 求得每一段贝塞尔曲线的长度 每隔一小段打一个点 最终生成一个路径 3、编写寻路脚本，挂载到物体上， ...
分类：
其他好文 时间：
2019-03-19 19:00:08
阅读次数：
290
像360卫士的波浪球进度的效果，一般最常用的方法就是 画线的方式，先绘sin线或贝塞尔曲线，然后从左到右绘制竖线，然后再裁剪圆区域。 今天我这用图片bitmap的方式,大概的方法原理是： （1）首先用clipPath裁剪园区域， （2）然后用4张图来不断绘制到画布上，再用偏移量来控制移动的速度，从而... ...
分类：
移动开发 时间：
2019-03-09 23:24:45
阅读次数：
243
浮动布局: 让块级标签在父级的宽度限制下同行显示,一行显示不下,自动换行 注意:要达到一行显示个数固定,一定要固定父级的宽度 语法: 子级:{float:left|right} 问题:子级不再撑开父级高度(不完全脱离文档流) 脱离文档流:层次结构会上移,覆盖有位置重叠且没脱离文档流的标签 不完全:浮 ...
分类：
其他好文 时间：
2019-01-19 18:54:31
阅读次数：
199
今天朋友圈都被小猪佩奇刷屏了，不仅是因为那个暖心的故事，还有很多大神用python制作佩奇。 小猪佩奇在构图基本是各种曲线，类抛物线、类圆、类椭圆、类二次贝塞尔曲线。这里说的都是“类”，这也正是小猪佩奇的构图精髓，一种手绘风格，而不是标准刻板的线条。在前端技术选型上，画图首先想到的是svg、canv ...
分类：
其他好文 时间：
2019-01-18 17:28:10
阅读次数：
194
目录 Transition过渡 Transition的分体属性： 贝塞尔曲线cubic-bezier Body本身没有高度，html本身也没有高度，document的高度是可视区域。 文字阴影 HTML5新增表单控件 Input在HTML5中新增了很多的类型 新增表单属性 属性选择器 子元素选择器（ ...
分类：
Web程序 时间：
2019-01-14 11:07:11
阅读次数：
236
<!DOCTYPE html><head> <meta charset="UTF-8"></head><html><body><div> <div>M = 移至</div> <div>L = 画线</div> <div>H = 竖画线</div> <div>V = 垂直画线</div> <div>C ...
分类：
其他好文 时间：
2018-12-29 13:47:47
阅读次数：
255
【微信小程序】各种页面特效链接 https://blog.csdn.net/rolan1993/article/details/72729142 【微信小程序】各种页面特殊效果合集第二期 https://blog.csdn.net/rolan1993/article/details/73277074 ...
分类：
微信 时间：
2018-12-27 18:30:46
阅读次数：
363
源代码下载 效果图： 本程序主要实现： N阶贝塞尔曲线（通用公式） 本程序主要使用技术 MVVM InterAction 事件绑定 动态添加Canvas的Item 第一部分公式： n=有效坐标点数量 i=坐标点的下标 P是坐标 t是时间0~1之间 有效坐标点是坐标点的数量减1 计算坐标时分开计算，x ...
在讲tween类之前，不得不提的是贝塞尔曲线了。首先，贝塞尔曲线是指依据四个位置任意的点坐标绘制出的一条光滑曲线。它在作图工具或动画中中运用得比较多，例如PS中的钢笔工具，firework中的画笔等等。无论运用在哪里，它们的原理都是一样的。同样，在用js实现运动效果时，我们也可以利用贝塞尔曲线来实现 ...
分类：
其他好文 时间：
2018-11-17 16:16:34
阅读次数：
487
