Javascript 为什么不'；画布线条是否可见？
我正在HTML5画布上构建一个旋转超立方体，但在此之前，我在画布上遇到了一个基本的困难。我有一个白色/未着色的画布，我正在尝试在将fillStyle和strokeStyle设置为“#000000”后绘制线条，但我尚未成功地使画布上的任何像素显示为白色以外的其他颜色 画布位于，JavaScript部分是数学的，部分是老式的JavaScript，位于。日志显示它正在画布上绘制线条，其中一些线条应该与500x500画布相交，一些线条应该完全位于画布内部，但我所能看到的是纯白色 它的数学方面需要在从高维曲面到低维曲面的投影方面进行工作。然而，我现在试图解决的困难是一个基本的HTML5画布问题，因为我正在设置一种颜色，移动并绘制一条线来坐标，其中一些重叠，一些在500x500画布内，并且没有看到任何东西变黑。（JavaScript控制台记录我试图绘制的线条。）Javascript 为什么不'；画布线条是否可见？,javascript,html,math,canvas,Javascript,Html,Math,Canvas,我正在HTML5画布上构建一个旋转超立方体，但在此之前，我在画布上遇到了一个基本的困难。我有一个白色/未着色的画布，我正在尝试在将fillStyle和strokeStyle设置为“#000000”后绘制线条，但我尚未成功地使画布上的任何像素显示为白色以外的其他颜色 画布位于，JavaScript部分是数学的，部分是老式的JavaScript，位于。日志显示它正在画布上绘制线条，其中一些线条应该与500x500画布相交，一些线条应该完全位于画布内部，但我所能看到的是纯白色 它的数学方面需要在从高维
如何让我试图绘制的线条显示出来？您需要让canvas知道何时开始和停止使用context.beginPath（）和context.stroke（）/context.fill（）绘制。下面是代码和小提琴：
画布{边框：1px纯红；}
var canvas=document.getElementById（'canvas'）；
var ctx=canvas.getContext（'2d'）；
ctx.beginPath（）；
ctx.moveTo（50,75）；
ctx.lineTo（150150）；
ctx.stroke（）；
画布{边框：1px纯红；}
var canvas=document.getElementById（'canvas'）；
var ctx=canvas.getContext（'2d'）；
ctx.beginPath（）；
ctx.moveTo（50,75）；
ctx.lineTo（150150）；
ctx.stroke（）；
<!DOCTYPE HTML>
<html>
<head>
<style>
canvas{border:1px solid red;}
</style>
</head>
<body>
<canvas id="canvas" width="300" height="300"></canvas>
<script>
var canvas = document.getElementById('canvas');
var ctx = canvas.getContext('2d');
ctx.beginPath();
ctx.moveTo(50, 75);
ctx.lineTo(150, 150);
ctx.stroke();
</script>
</body>
</html>