canvas
关注
分享
扫一扫
文章平均质量分 64
yuan溜溜
佛系码农
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
canvas理解：一看就懂的save和restore
一看就懂的save和restoresave：用来保存最近一次的Canvas的状态。restore：用来获取save保存的Canvas之前的状态。防止save后对Canvas执行的平移、放缩、旋转、错切、裁剪等可以改变画布的操作对后续的绘制的影响。下面我会从颜色属性接平移属性对save和restore做解析，至于其他的放缩、旋转、错切、裁剪我就不一一说明，原理都是一样的，感兴趣的自行实验颜色属性<script> const canvas = document.getEleme原创 2021-07-06 11:29:50 · 7049 阅读 · 2 评论 -
canvas实现取色器
// 取色器<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>取色器&原创 2021-07-03 21:11:09 · 1119 阅读 · 0 评论 -
canvas之----探照灯
// 探照灯<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>探照灯&原创 2021-07-03 21:09:17 · 412 阅读 · 0 评论 -
canvas之-------水滴扩散特效
// 水滴扩散特效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>水原创 2021-07-03 21:07:14 · 1362 阅读 · 0 评论 -
canvas之---刮刮奖
// 刮刮奖特效<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>刮刮原创 2021-07-03 21:03:40 · 401 阅读 · 0 评论 -
canvas中的合成------globalCompositeOperation
canvas中的合成------globalCompositeOperation我们知道canvas其实就是一层一层的图层，后画的图案会覆盖到前面图案的上面，通过一层一层叠加的方式呈现到我们眼前，如下图所示<body> <canvas id='canvas' width="600" height="500"></canvas></body><script> const canvas = document.getElementByI原创 2021-07-03 20:57:29 · 939 阅读 · 2 评论