canvas
关注
分享
扫一扫
越来越好。
不实心不成事，不虚心不知事。 不自是者博闻，不自满者受益。
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
canvas小游戏记录
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <script type="text/...原创 2020-03-16 00:52:39 · 703 阅读 · 0 评论 -
圆环钟表进度条
圆环钟表进度条，根据不同的状态，画出不同的颜色来显示进度。 效果图 从10点34分33秒开始画。 实现思路 通过canvas画图来实现这个效果。首先要知道这个函数 context.arc(x,y,r,sAngle,eAngle,counterclockwise); 知道这个参数后，根据需求，要想画图首先得知道从什么地方开始画，计算得出，0-2Math....原创 2019-10-28 13:20:32 · 503 阅读 · 0 评论 -
学习简单的画布Canvas(canvas学习一)
画一个正方形 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-e...原创 2019-04-07 23:18:20 · 1429 阅读 · 0 评论 -
Canvas实现简单画板(canvas学习二)
canvas实现简单画板 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta...原创 2019-04-07 23:21:06 · 640 阅读 · 0 评论 -
学习Canvas(canvas学习三）
<!DOCTYPE html> <html lang="ch-en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv=...原创 2019-04-14 23:56:56 · 198 阅读 · 0 评论 -
canvas实现刮刮乐
canvas实现刮刮乐 <!DOCTYPE html> <html lang="ch-en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <me...原创 2019-04-18 00:21:10 · 1525 阅读 · 0 评论 -
学习Canvas(canvas学习四)
学习canvas，画一个笑脸。 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta ht...原创 2019-06-04 14:21:44 · 359 阅读 · 0 评论 -
Canvas学习(canvas学习五--刮刮乐兼容移动和PC)
Canvas学习(canvas学习五--刮刮乐兼容移动和PC) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"&g...原创 2019-06-04 15:54:56 · 299 阅读 · 0 评论