第3章_3阶段微案例_12课件_介绍_关于canvas.pptxVIP

关于canvas 课程大纲 前言 canvas/canvas是html5出现的新标签， 像所有的dom对象一样它有自己本身的属性、方法和事件， 其中就有绘图的方法，js能够调用它来进行绘图 canvas id=myCanvas width=400 height=400/canvas 课程大纲 基本知识 context:一直觉得这个翻译成“上下文”真够蛋疼的， context是一个封装了很多绘图功能的对象，获取这个对象的方法是 var context =canvas.getContext(2d); 课程大纲 基本知识 canvas元素绘制图像的时候有两种方法，分别是 context.fill()//填充 context.stroke()//绘制边框 课程大纲 基本知识 style:在进行图形绘制前，要设置好绘图的样式 context.fillStyle//填充的样式 context.strokeStyle//边框样式 context.lineWidth//图形边框宽度 课程大纲 绘制矩形 context.fillRect(x,y,width,height) strokeRect(x,y,width,height) x:矩形起点横坐标（坐标原点为canvas的左上角，