context.beginPath();
context.moveTo(300,300);
context.lineTo(400,200);
context.lineTo(400,400);
context.lineTo(300,300);
context.closePath();
context.fillStyle="#99CC00";
context.fill();
context.beginPath();
context.moveTo(400,200);
context.lineTo(500,100);
context.lineTo(500,300);
context.lineTo(400,400);
context.lineTo(400,200);
context.closePath();
context.fillStyle="#669900";
context.fill();
context.beginPath();
context.moveTo(300,500);
context.lineTo(500,300);
context.lineTo(500,500);
context.lineTo(300,500);
context.closePath();
context.fillStyle="#CC0000";
context.fill();
代码如上,为何只有最后一个三角形有边框,其他没有。如果实现多个三角形统一边框怎么办?只能一个一个设置吗
首先你这问题就有错误,fillStyle是背景填充怎么会有边框呢??
我也是刚学的,我刚看了你的代码,加边框需要下面这个代码吧,我也是一个一个加的;应该可以封装成函数,一个一个调用不用写那么多代码
context.strokeStyle="";
context.stroke();