2013-02-14 2 views
0

Я создаю вращающийся гиперкуб на холсте HTML5, но перед этой целью я достигаю основной трудности с Canvas. У меня белый/неокрашенный холст, и я пытаюсь рисовать линии после установки fillStyle и strokeStyle на '# 000000', и мне еще не удалось получить какой-либо пиксель на холсте, чтобы он выглядел иначе, чем белый.Почему линии холста не видны?

Холст находится на http://blajeny.com/tesseract.html, а JavaScript, который является частью математики и частично старомодным JavaScript, находится на http://blajeny.com/js/tesseract.js. В журнале говорится, что он рисует линии на холсте, некоторые из которых должны пересекаться с холстом 500x500, а некоторые из них должны лежать полностью внутри холста, но все, что я вижу, чисто белое.

Математическая сторона этого требует работы с точки зрения проекции от более высокой к нижней размерной поверхности. Однако трудность, с которой я пытаюсь обратиться сейчас, - это основная проблема с холстом HTML5, в которой я устанавливаю цвет, перемещаясь и рисуя линию, чтобы скоординировать некоторые из этих перекрытий, а некоторые из них находятся в холсте 500x500 и не видят ничего поворота черный. (Консоль JavaScript регистрирует строки, которые я пытаюсь сделать.)

Как я могу получить строки, которые я пытаюсь рисовать, чтобы они отображались?

ответ

2

Вы должны сообщить об этом холсту, когда начинаете и останавливаете рисование, используя 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> 
+0

И теперь линии появляются. Благодаря! – JonathanHayward

+0

Я нашел рабочий код, теперь видимый на http://Blajeny.com. Благодарю. – JonathanHayward

Смежные вопросы