【多媒体学习3】

【知识点】

【hsl颜色模式】h:色相  0-360，s:饱和度 0-100%，l:亮度 0-100%

【强制转换int】a=parseInt(a)

【随机数函数，生成[0，1）】Math.random()

【生成0-360的随机数】a=parseInt(Math.random()*361)

【定义结构体】var rect={x:0,y:0};

【开启新路径】ctx.beginPath();

【绘制矩形路径】ctx.rect(起点x,起点y,宽度,高度)

【矩形路径的填充】ctx.stroke(),ctx.fill()

【设置路径颜色】ctx.fillstyle="",ctx.strokestyle=""

【存储当前绘图环境】ctx.save();

【还原绘图环境】ctx.restore();

【闭合新路径】ctx.closePath();

【清屏】ctx.clearrect(x,y,w,h)

【事件注册】canvas.onclick=事件出发函数；

【事件触发函数】function onCanvasClick(event)

【在控制台输出】console.log(变量)

【设置hsl】style.color="hsl("+h+","+s+"%,"+l+"%)"

【context】绘图环境/绘图表面