问答详情
源自:2-2 绘制直线、多边形和七巧板

给多个三角形设置统一颜色边框


    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();

代码如上,为何只有最后一个三角形有边框,其他没有。如果实现多个三角形统一边框怎么办?只能一个一个设置吗

提问者:香宝的夫差 2017-05-23 18:35

个回答

  • 前端小蜗牛_
    2017-07-14 21:59:17

    首先你这问题就有错误,fillStyle是背景填充怎么会有边框呢??

  • qq_步步为赢_0
    2017-05-24 15:07:27

    我也是刚学的,我刚看了你的代码,加边框需要下面这个代码吧,我也是一个一个加的;应该可以封装成函数,一个一个调用不用写那么多代码

    context.strokeStyle="";

    context.stroke();