Question

这是我的JS代码，如果有人能帮助我，我真的很感激，因为这段代码甚至没有运行，我也不知道为什么。

<canvas id="Canvas1" width="400" height="100"></canvas>
<script>
    var can = document.getElementById('Canvas1'); 
    var ctx = can.getContext('2d');

    ctx.fillStyle = "black";
    ctx.fillRect(100, 100, 250, 100);
</script>

Answer 1

<canvas id="Canvas1" width="400" height="100" style="border:1px solid #000000;"></canvas>
<script>
var can = document.getElementById('Canvas1'); 
var ctx = can.getContext('2d');

ctx.fillStyle = "#000000";
ctx.fillRect(0, 0, 150, 50);
</script>

你错过了帆布边框，所以你没有看到o / p

并且你在100（高度）处开始fillRect这是你的结束点，所以你无法看到结果。

记住

ctx.fillRect(p1, p2 ,p3 , p4);

p1 =起点X

p2 =起点Y

p3 =矩形的宽度应小于或等于画布宽度。

p4 =矩形的高度应小于或等于画布高度。

JavaScript，这有什么问题？

1 个答案: