为什么看不到画布线？

Question

我在HTML5 Canvas上构建了一个旋转的超立方体，但是在实现这一目标之前，我已经达到了使用Canvas的基本困难。 我有一个白色/无色的画布，在将fillStyle和strokeStyle设置为'＃000000'之后，我试图绘制线条，但我尚未成功使画布上的任何像素都显示为白色以外的其他像素。

画布位于http://blajeny.com/tesseract.html ，而JavaScript是数学和老式JavaScript的一部分，位于http://blajeny.com/js/tesseract.js 。 日志说它是在画布上绘制线条，其中一些应与500x500画布相交，而另一些则应完全位于画布内部，但我只能看到纯白色。

它的数学面需要从高维表面投影到低维表面。 但是，我现在要解决的困难是一个基本的HTML5画布问题，因为我正在设置颜色，移动并画一条线来协调其中一些重叠且其中一些在500x500画布内，而看不到任何变化黑色。 （JavaScript控制台记录了我要绘制的线条。）

如何获得要显示的线条？

Answer 1

您需要使用context.beginPath（）和context.stroke（）/ context.fill（）在开始和停止绘制时让画布知道。 这是代码和小提琴： http : //jsfiddle.net/m1erickson/Jw8XU/

<!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>

为什么看不到画布线？

问题描述

1 个解决方案

解决方案1
3 已采纳 2013-02-14 19:19:36

为什么看不到画布线？

问题描述

1 个解决方案

解决方案1 3 已采纳 2013-02-14 19:19:36

解决方案1
3 已采纳 2013-02-14 19:19:36