主页 / 问题 / 1026084
Accepted
gdhury
Asked:2020-09-20 01:01:20 +0800 CST2020-09-20 01:01:20 +0800 CST

ct.fillStyle 放置在代码中

  • 772

ctx.fillStyle 在第一行有效，但在代码末尾无效

  var canvas = document.getElementById('canvas');
  if (canvas.getContext){
    var ctx = canvas.getContext('2d');


    ctx.fillStyle='white';
    ctx.beginPath();
    ctx.moveTo(0,0);
    ctx.lineTo(0,55);
    ctx.lineTo(40,25);
    ctx.closePath();
    ctx.fill();


  }
}
javascript

1 个回答

  1. Best Answer

    这是一个例子，红色将在填充之前起作用，绿色不再参与渲染过程

    var canvas = document.getElementById('canvas');
canvas.width = window.innerWidth;
canvas.height = window.innerHeight;

if (canvas.getContext) {
  var ctx = canvas.getContext('2d');
  ctx.beginPath();
  ctx.moveTo(0, 0);
  ctx.lineTo(0, 55);
  ctx.lineTo(40, 25);
  ctx.closePath();
  ctx.fillStyle = 'red';
  ctx.fill();
  ctx.fillStyle = 'green';
}
    * {
  margin: 0;
  padding: 0
}
    <canvas id="canvas"></canvas >

    • 0

相关问题