为什么没有设置线宽?

时间:2017-04-12 16:17:43

标签: javascript html5-canvas

我正在制作球项目。 我想画墙并设置墙的线宽。 为了设置wall的线宽,我添加了“ctx.linewidth = 30;”那是 在我的代码中写了第3行。 但什么都没发生。 我在线宽上很奇怪,我改变了ctx.linewidth = 50; 仍然没有发生。 如何设置wall的线宽?

function init() {
  ctx=document.getElementById('canvas').getContext('2d');
  ctx.linewidth=30;
  ctx.fillStyle="rgb(200,0,50)";
  moveball();
  setInterval(moveball, 700);
}
function moveball() {
  ctx.clearRect(boxx,boxy,boxwidth,boxheight);
  moveandcheck();
  ctx.beginPath();
  ctx.arc(ballx,bally,ballrad,0,Math.PI*2,true);
  ctx.fill();
  ctx.strokeRect(boxx,boxy,boxwidth,boxheight);
  document.getElementById('px').value=ballx;
  document.getElementById('py').value=bally;

}

1 个答案:

答案 0 :(得分:1)

你的第3行的功能应该是ctx.lineWidth而不是ctx.linewidth

有资本W。