<canvas id="tutorial" width="150" height="150"></canvas>
1.canvas只有两个属性width和height,若没有设置这两个属性,则初始宽高为300px,150px,是利用DOM.properties设置的
如果绘制的是扭曲的图形,要用width和height属性设置宽高,而不是css
2.用getContext()找到绘制上下文和绘制功能
3.绘制方法
1)绘制填充矩形 》》》 fillRect(x, y, width, height)
2)绘制矩形边框 》》》 strokeRect(x,y,width,height)
3)清除指定矩形区域 》》》 clearRect(x,y,width,height)
x、y是画布中的坐标,width、height是绘制矩形的宽高
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<meta name="viewport" content="width=device-width, initial-scale=1.0">
<meta http-equiv="X-UA-Compatib