u010513756
_Slience_
2015-09-07 08:11
采纳率: 50%
浏览 1.6k

在context中关于clip()影响到lineWidth的问题

使用javascript对canvas画图的时候遇到的问题

 var canvas = document.getElementById("canvas");
        var context = canvas.getContext("2d");

        context.beginPath();
        context.arc(canvas.width/2, canvas.height/2, 50, 0, Math.PI*2, false);
        context.clip();
        context.lineWidth = 10;
        context.closePath();    //为什么去掉这两行之后才能够显示出lineWidth为10的边界
        context.beginPath();    //还有这一行
        context.fillStyle = "red";
        context.fillRect(0, 0, canvas.width, canvas.height);
        context.stroke();
        context.closePath();
  • 点赞
  • 写回答
  • 关注问题
  • 收藏
  • 邀请回答

1条回答 默认 最新

  • devmiao
    devmiao 2015-09-07 22:41
    点赞 评论

相关推荐