Question

我对JavaScript很陌生，对于为什么某些符号/字符表现出他们原因的原因知之甚少。因此，如果您不介意解释一下修复如何帮助我的代码，这将大大提高我的理解力。谢谢！

<canvas id="myCanvas" width="600" height="400"></canvas>

<script>

var c=document.getElementById("myCanvas");
var ctx=c.getContext("2d");


var interval = setInterval(function()
{

var time= new Date()

  ctx.font="30px Verdana";
// Create gradient
  var gradient=ctx.createLinearGradient(0,0,c.width,0);
  gradient.addColorStop("0","green");
  gradient.addColorStop("0.5","blue");
  gradient.addColorStop("1.0","green");
// Fill with gradient
  ctx.fillStyle=gradient;
  ctx.fillText(time,10,90);



},10)

</script>

Answer 1

您需要在绘制文本之前清除画布。将以下代码添加到setInterval函数的开头：

ctx.clearRect(0, 0, c.width, c.height);

如何修复与setInterval和fillStyle重叠的文本？

1 个答案: