2020年3月26日
canvas学习笔记5 绘制圆弧2
摘要： 这个方法可以这样理解。绘制的弧形是由两条切线所决定。 第 1 条切线：起始点和控制点1决定的直线。 第 2 条切线：控制点1 和控制点2决定的直线。 ​其实绘制的圆弧就是与这两条直线相切的圆弧 <!DOCTYPE html><html> <head> <meta charset="utf-8"> < 阅读全文
posted @ 2020-03-26 16:44 小小小~ 阅读(145) 评论(0) 推荐(0) 编辑
2020年3月25日
canvas学习笔记5 绘制圆弧
摘要： 绘制圆弧 知识点：arc(x, y, r, startAngle, endAngle, anticlockwise): 以(x, y) 为圆心，以r 为半径，从 startAngle 弧度开始到endAngle弧度结束。anticlosewise 是布尔值，true 表示逆时针，false 表示顺时 阅读全文
posted @ 2020-03-25 17:24 小小小~ 阅读(338) 评论(0) 推荐(0) 编辑
2020年3月23日
canvas学习笔记4 绘制三角形
摘要： 绘制三角形 知识点：closePath();关闭路径， stroke() stroke不会自动closePath() fill()表示填充实心的三角形,如果没有进行路径闭合,则fill会自动进行闭合 具体代码 <!DOCTYPE html><html> <head> <meta charset="u 阅读全文
posted @ 2020-03-23 16:03 小小小~ 阅读(450) 评论(0) 推荐(0) 编辑
canvas学习笔记3 绘制直线
摘要： 绘制路径 知识点：beginPath()新建path路径 moveTo() 把画笔移动到指定的坐标（路径的起点） lineTo() 绘制一条从当前位置指定坐标（200,50）的直线（路径的终点） closePath() 闭合路径，会出现一条从当前点到Path起始点的直线，如果当前点与起始点重合，则什 阅读全文
posted @ 2020-03-23 15:21 小小小~ 阅读(172) 评论(0) 推荐(0) 编辑
canvas学习笔记2
摘要： 创建一个画布，并在画布上面创建2个矩形 知识点：fillRect是创建实心的矩形样式可以用过fillStyle进行设置 strokeRect是创建实心的矩形样式可以用过strokeStyle进行设置 clearRect是清除指定的矩形区域，然后这块区域会变的完全透明。 其中里面的参数（0,0,100 阅读全文
posted @ 2020-03-23 12:17 小小小~ 阅读(136) 评论(0) 推荐(0) 编辑
canvas的学习笔记1
摘要： <canvas>是html5中的中新增的，一个可以使用脚本（JavaScript）在其中绘制图像dehtml元素，他可以用来绘制照片集或者制作简单的动画。 <canvas>标签必须要有闭合的标签</canvas> canvas的默认的宽度为300，高度为150，单位为px，颜色为黑色，默认没有边框和 阅读全文
posted @ 2020-03-23 12:12 小小小~ 阅读(116) 评论(0) 推荐(0) 编辑
2020年1月18日
vue中命名视图实现经典布局
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-18 15:35 小小小~ 阅读(620) 评论(0) 推荐(0) 编辑
vue中嵌套路由
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-18 15:30 小小小~ 阅读(246) 评论(0) 推荐(0) 编辑
2020年1月17日
vue中传参方式2
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-17 11:38 小小小~ 阅读(340) 评论(0) 推荐(0) 编辑
2020年1月15日
vue中的传参方式1
摘要： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv 阅读全文
posted @ 2020-01-15 17:41 小小小~ 阅读(286) 评论(0) 推荐(0) 编辑