Canvas не рисует линии
Ребята, помогите плиз. Новичок в JS, туплю...
рисую в цикле линии в Canvas, координаты линий находятся в числовом массиве. Почему-то, вот такое линии рисует: Код:
context.moveTo(0, 50); Код:
context.moveTo(masXX[i-1],masYY[i-1]); Помогите плиз :help: |
Dmitriy_14, цикл с массивом покажи...
|
Вот:
Код:
var a_canvas = doc.document.getElementById("a"); Код:
masXX[nodecount] = x+40; |
Dmitriy_14,
Новичок в JS, проблема у тебя в индексе. Вместо: context.lineTo(masXX[i-1],masYY[i]); Надо: context.lineTo(masXX[i],masYY[i]); |
Цитата:
|
Dmitriy_14,
Ты что лестницу рисуешь? У меня прокатило var canvas = document.getElementById('canvas2'); var context = canvas.getContext('2d'); var XX = [0, 40, 80, 120, 160, 200, 240, 280, 320]; var YY = [0, 40, 80, 120, 160, 200, 240, 280, 320]; context.beginPath(); var i = -1; while (++i < XX.length) { context.moveTo(XX[i], YY[i]); context.lineTo(XX[i], YY[i + 1]); context.moveTo(XX[i], YY[i + 1]); context.lineTo(XX[i + 1], YY[i + 1]); }; context.stroke(); |
Dmitriy_14,
Но это НЕ есть хорошо два массива координат иметь. Потому что можно где-то что-то недоглядеть Лучше ты это..того..класс точек сделай и пихай объект-точку в массив function Point(x, y) { var point = {}; point.posX = x; point.posY = y; return point; } var myPoints = []; /*....*/ myPoints.push(new Point(0, 0)); Ну короче в таком ключе |
Цитата:
Спасибо большое за совет! |
Цитата:
Какие еще точки? Две координаты, "двумерный" массив, берешь по токену и рисуешь. Запутали сами себя в трех соснах. |
warren buffet,
Цитата:
|
Часовой пояс GMT +3, время: 13:10. |