canvas
关注
分享
扫一扫
拾玥花开
一个奋斗者
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
canvas特效之刮刮乐和粒子特效
canvas特效之刮刮乐和粒子特效 刮刮乐： 思路：在底部的图片加载时，我们先增加一个canvas标签，并且设置为绝对定位。然后再设置填充颜色是的覆盖住图片，设置鼠标点下和鼠标移动以及鼠标松开三种事件。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initi原创 2020-10-16 15:55:55 · 464 阅读 · 0 评论 -
常用的AS3公式
常用的AS3计算公式 基本三角函数的计算： 角的正弦值 = 对边 / 斜边 角的余弦值 = 邻边 / 斜边 角的正切值 = 对边 / 邻边 角度制与弧度制的相互转换： 弧度 = 角度 * Math.PI / 180 角度 = 弧度 * 180 / Math.PI 计算两点间距离： dx = x2 – x1; dy = y2 – y1; dist = Math.sqrt(dxdx + dydy); 缓动公式: sprite.x += (targetX - sprite.x) * easing;//easing原创 2020-10-15 22:35:50 · 528 阅读 · 0 评论 -
H5 canvas(二)
文章目录H5 canvas(二)绘制圆形变换独立路径 不影响上下文路径绘制img/video设置填充背景颜色渐变绘制曲线绘制文本属性阴影属性像素操作合成将画布导出为图片 H5 canvas(二) 绘制圆形 1角度 = 1* Math.PI/ 180弧度 1弧度 = 1* 180 / Math.PI 角度 arc(x,y,r,0,360,false) x,y 圆心坐标位置 r 圆半径 0,360 从0度到360度所对应的弧度 (弧度: 角度值*Math.PI/180)原创 2020-10-14 21:06:51 · 236 阅读 · 0 评论 -
H5新增标签画布canvas（一）
文章目录H5新增标签画布canvas（一）canvas介绍**fillRect(x,y,w,h) 绘制填充实心矩形****strokeRect(x,y,w,h) 绘制空心矩形****clearRect(x,y,w,h) 清除矩形选区**绘制方式绘制样式属性绘制线条图形路径 (图形)闭合路劲：图形边界样式属性lineCap 端点样式 H5新增标签画布canvas（一） canvas介绍 在渲染复杂的动效、把数据可视化图形显示、游戏场景等需求，都会用canvas技术，比dom操作性能更高 *特点*原创 2020-10-13 23:17:22 · 925 阅读 · 0 评论