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 · 652 阅读 · 0 评论 -
圆环钟表进度条
圆环钟表进度条,根据不同的状态,画出不同的颜色来显示进度。效果图 从10点34分33秒开始画。实现思路通过canvas画图来实现这个效果。首先要知道这个函数 context.arc(x,y,r,sAngle,eAngle,counterclockwise); 知道这个参数后,根据需求,要想画图首先得知道从什么地方开始画,计算得出,0-2Math....原创 2019-10-28 13:20:32 · 472 阅读 · 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 · 1390 阅读 · 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 · 602 阅读 · 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 · 181 阅读 · 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 · 1477 阅读 · 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 · 327 阅读 · 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 · 279 阅读 · 0 评论