canvas意为画布,现实生活中的画布是用来作画的,HTML5中的canvas与之类似,我们可以称它为“网页中的画布”,有了这个画布便可以轻松的在网页中绘制图形、文字、图片等。 本题编写一个程序,要求使用canvas绘制一个三角形,并进行填充。如下图所示: canvas绘制图形-基本步骤: 1创建画布:
2准备画笔(获取上下文对象):canvas.getContext('2d'); 3开始路径规划 :context.beginPath(); 4移动起始点 :context.moveTo(x, y); 5绘制线(矩形、圆形、图片...) :context.lineTo(x, y); 6闭合路径:context.closePath(); 7绘制描边 :context.stroke(); 注意: 1.请在第一个空上传源程序,文件名为demo5-4.html 2. 请在第二个空填写运行结果的页面截图