Как нарисовать тригонометрический узор на холсте HTML?

Question

Как нарисовать тригонометрический узор на холсте HTML?

0

Я пытаюсь нарисовать графический рисунок линий от черного до красного в зависимости от значения Y волны. Чтобы узнать, правильно ли я делаю это, я начал тест в JSFiddle:

Контрольная работа

var j,k; 
k=255;

var green=150;
var blue=150;

var canvas=document.getElementById('canvas');
var ctx=canvas.getContext('2d');

for(j=0;j<k;j++)
            {

              ctx.beginPath();
              ctx.moveTo(j, 0);
              ctx.lineTo(j, 150);
              ctx.strokeStyle = "rgb("&j&", 0, 0)";
              ctx.stroke();  


            }

Но результат - всего лишь серый тон во всех строках, хотя метод рисования находится внутри цикла, а "красное" значение меняется.

ViceNocillator 28 нояб. 2013, в 13:52

Источник

3

В JavaScript & - это двоичный оператор AND, а не оператор конкатенации. jsfiddle.net/nWb6M/1
JJJ 28 нояб. 2013, в 12:30

Теги:

javascript

html

canvas

gradient

lines

1 ответ

Ещё вопросы

В JavaScript & - это двоичный оператор AND, а не оператор конкатенации. jsfiddle.net/nWb6M/1

markE · Accepted Answer · 2013-11-28T18-58-00.000Z

Полагая @Juhana хорошее предложение на практике:

var j,k;
k=255;

var green=150;
var blue=150;

var canvas=document.getElementById('canvas');
var ctx=canvas.getContext('2d');

for(j=0;j<k;j++){
    ctx.beginPath();
    ctx.moveTo(j, 0);
    ctx.lineTo(j, 150);
    ctx.strokeStyle = "rgb("+j+",0,0)";
    ctx.stroke();     
}