一. 形变# 1.形变参考点：三轴交界点# transfrom-origin：x轴 y轴坐标# 2.旋转 rotate deg# transfrom：rotate（720deg）；# 3.偏移 translate px# translateX(200px) translateY(200px)# 4. ...
分类：
其他好文 时间：
2018-12-16 10:58:15
阅读次数：
117
我们来制作一个小黄鸭转圈跳舞的页面。 分析一下 1、分析一下这个页面，要完成这些效果，一共需要3步： 把鸭子都放到一个盒子当中 在盒子里，把每个鸭子的位置摆好 让盒子旋转 2、让鸭子在盒子中的位置摆好，需要怎么做： 先让鸭子站在圆心的位置（需要先了解父相子绝定位方式） 沿一个方向移动一个半径的距离（ ...
分类：
其他好文 时间：
2018-12-15 22:31:33
阅读次数：
216
此时针是以画布的中心为圆心； ctx.translate(width/2,width/2); 此函数是将画布的原点移到(width/2,width/2) 数字的位置我们利用了三角函数的原理 x=rcosα； y=rsinα； α = 2 * π * i * 30 / 360； 利用取余把12,3,6 ...
分类：
其他好文 时间：
2018-12-12 20:40:10
阅读次数：
213
首先 搭建canvas画布格式： 动态获取画布的宽和高方便变换，利用translate将圆中心坐标改为0 0； 第一步 绘制表盘： 利用save来保存当前状态 restore返回之前保存过的状态 ，保证前后不受影响 先用画圆属性arc（）绘制一个圆圈 定义一个数组将时间刻度装起来，用for循环来循环 ...
分类：
Web程序 时间：
2018-12-12 20:36:50
阅读次数：
273
统计关系可视化 最常用的关系可视化的函数是relplot seaborn.relplot(x=None, y=None, hue=None, size=None, style=None, data=None, row=None, col=None, col_wrap=None, row_order= ...
分类：
其他好文 时间：
2018-12-09 16:11:41
阅读次数：
333
1. apt -y install software-properties-common apt-transport-https lsb-release ca-certificates 2. add-apt-repository ppa:ondrej/php 3. apt update 4. apt ...
分类：
Web程序 时间：
2018-12-08 13:24:56
阅读次数：
782
1.1 安装依赖包 $ yum -y install wget gcc epel-release git 1.2 安装 Python3.6 $ yum -y install python36 python36-devel 1.3 建立 Python 虚拟环境 因为 CentOS 6/7 自带的是 P ...
分类：
编程语言 时间：
2018-12-05 18:40:00
阅读次数：
232
1、text-align:center; 2、margin:0 auto; 3、display:inline-block; + text-align:center; 4、position:relative; + float:left; 5、line-height 6、上下左右padding 7、po ...
分类：
Web程序 时间：
2018-12-01 20:16:50
阅读次数：
212
不久前在某运动APP上看到一个卡片缓缓往下展示的效果，感觉这动画还可以 似乎项目中也有类似的卡片列表，列表的展示是直接显示出来的，加上动效之后应该更有活力，便照着样子实现了一下 这种效果，核心点就是添加了个CSS动画，主要控制了四个属性 先看HTML结构部分 绑定事件，点击展开则添加一组卡片，JS部 ...
分类：
其他好文 时间：
2018-12-01 17:08:05
阅读次数：
208
