Гость
Войти | Профиль | Очистить
Целевая тема:
Создать новую тему:
Автор:
Действия ...
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / синусоида между двумя точками / 7 сообщений из 7, страница 1 из 1
20.02.2020, 11:29
    #39928808
Iconfig
Iconfig
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
синусоида между двумя точками
Здравствуйте!
Помогите нарисовать синусоиду только для периода от 0 до 2 * PI, между двумя произвольными точками
Формула : y=a+b\sin(cx+d). с - растяжение графика по оси Ox
Код: javascript
1.
2.
3.
4.
5.
6.
7.
8.
9.
10.
11.
12.
13.
14.
15.
16.
17.
        let canvas = document.getElementById("Canvas");
        let ctx = document.getElementById("Canvas").getContext("2d");
        let startX = 0;

        ctx.beginPath();

        let w = 1;
        let startY = 180;
        let endX = 360;
        ctx.moveTo(startX, startY);

        for (x = 0; x <= endX; x += 1) {
            y = startY - Math.sin(w * (x * Math.PI / 180)) * 50;
            ctx.lineTo(startX + x, y);
        }

        ctx.stroke();


То есть, в этом примере нужно менять endX, startX и w, чтобы нарисовать интервал от 0 до 2 *PI
Например, для endX = 180, w будет 2. Для endX = 720, w будет 0.5 и.т.д
Проблема, как вычислять w при произвольных startX, endX
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.02.2020, 13:25
    #39928886
artas
artas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
синусоида между двумя точками
Iconfig,

let endX = 50* 2 * Math.PI;
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.02.2020, 13:26
    #39928888
artas
artas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
синусоида между двумя точками
artas,

наверное даже let endX = startX + ( 50* 2 * Math.PI);
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.02.2020, 14:36
    #39928939
Iconfig
Iconfig
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
синусоида между двумя точками
artas
artas,

наверное даже let endX = startX + ( 50* 2 * Math.PI);


Что это дает? Мне нужно только интервал от 0 до 2 * ПИ
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.02.2020, 14:44
    #39928947
Iconfig
Iconfig
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
синусоида между двумя точками
Iconfig
artas
artas,

наверное даже let endX = startX + ( 50* 2 * Math.PI);


Что это дает? Мне нужно только интервал от 0 до 2 * ПИ


Т.е. синусоидальная кривая вида, как на изображении, между двумя произвольными точками
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
20.02.2020, 18:23
    #39929111
artas
artas
Участник
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
синусоида между двумя точками
Если правильно понял то так

let canvas = document.getElementById("Canvas");

let ctx = canvas.getContext("2d");
let startX = 0;
let startY = 180;
let startXtmp = startX;

let endX = startX + 360 +200;

let step = (endX - startX)/360;

ctx.beginPath();
ctx.moveTo(startX, endX);

for (let x = 0; x <= endX - startX ; x += step) {
y = startY - (Math.sin( (1/step) * (x * Math.PI / 180))) * 50;
//if(y == 180)
console.log(x)
ctx.fillRect(startX+ x, y,1,1);

}
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
21.02.2020, 09:55
    #39929297
Iconfig
Iconfig
Гость
Скрыть профиль Поместить в игнор-лист Сообщения автора в теме
синусоида между двумя точками
artas,

Спасибо, замечательный ответ
...
Рейтинг: 0 / 0
| Ответить | Цитировать | Написать  
Форумы / HTML, JavaScript, VBScript, CSS [игнор отключен] [закрыт для гостей] / синусоида между двумя точками / 7 сообщений из 7, страница 1 из 1
Найденые пользователи ...
Разблокировать пользователей ...
Читали тему (0):
Читали форум (0):
Пользователи онлайн (0):
Польз. соглашение
созд. / загр.: 380ms
Закрыть
start [/forum/topic.php?fid=22&tablet=1&tid=1443535]:
 0ms
get settings:
 10ms
get forum list:
 14ms
check forum access:
 4ms
check topic access:
 4ms
track hit:
 53ms
get topic data:
 13ms
get forum data:
 3ms
get page messages:
 49ms
get tp. blocked users:
 2ms
others: 228ms
total:  380ms
x
x
Закрыть


Просмотр
0 / 0
Close
Debug Console [Select Text]