Canvas概述
1.1 Canvas是什么
Canvas又称为“画布”,是HTML5的核心技术之一,通常说的Canvas技术,指的就是使用Canvas元素结合JavaScript来绘制各种图形的技术。...Canvas元素知识
2.1 使用Canvas元素来绘制图形,需要三步:
1)获取canvas对象:
let cnv = document.getElementById('canvas');
2)获取上下文环境对象...cxt.moveTo(x1, y1);//起点坐标
cxt.lineTo(x2, y2);//终点坐标
cxt.lineTo(x3, y3);//终点坐标
...
cxt.stroke();//画线
第二次使用...,常见的数组组合有:
//[10, 5], [5, 5], [10, 5, 5, 5], [2, 2]
//数组[10, 5]表示的是“10px实线”和“5px空白”重复拼凑组合而成的线型
//数组[10...文本操作
6.1 文本操作方法
6.1.1 fillText()(绘制“填充”文本)
//text:一个字符串文本
//x:表示文本最左边的坐标
//y:表示文本最下边的坐标
//maxWidth:可选