Canvas рисует не то что нужно (график по точкам)

@A3IPIB · Регистрация: 31.10.2016

Студворк — интернет-сервис помощи студентам

Халло!
Нужно построить график в canvas, по заранее известным точкам, но что-то он делает не так (скорее всего потому что я что-то делаю не так).
Что рисует он и что должен нарисовать в прикрепленках. Почему-то после 6-й точки график идет вниз, хотя должен идти вверх. Создается ощущение, будто переменная 'y' переполняется и начинается от нуля.
С js и html знаком поверхностно, нет времени познавать - нужно добавить фичу в курсач)

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
25
26
27
28
29
30
31
32
33
34
35
36
37
38
39
40
41
42
43
44
45
46
47
48
49
50
51
52
53
54
55
56
<!DOCTYPE HTML>
<html>
    <head>
        <meta charset="utf-8">
        <title>chart</title>
    </head>
 
    <script>
        var len = 256;
        function draw(points){
            var canvas = document.getElementById("canvas");
            var ctx = canvas.getContext("2d");
            
            var w = canvas.clientWidth;
            var h = canvas.clientHeight;
            
            ctx.strokeStyle = "#aaaaff";
            for (var i = 1; i <= len; i++) {
                ctx.beginPath();
                
                ctx.moveTo(i*(w/len),0);
                ctx.lineTo(i*(w/len),h);
                
                ctx.stroke();
            }
            
            for (var i = 1; i <= len; i++) {
                ctx.beginPath();
                
                ctx.moveTo(0,i*(h/len));
                ctx.lineTo(w,i*(h/len));
                
                ctx.stroke();
            }
            
            ctx.strokeStyle = "#ff0000";
            ctx.beginPath();
 
            ctx.moveTo(0,h/2);
            for (var i = 1; i <= len; i++) {
                ctx.lineTo(i*(w/len),points[i]*10);
            }
            ctx.stroke();
        }
    </script>
 
    <body>
        <input type="button" value="drawdrawdraw" onClick=
            "len=document.getElementById('discr').value;
            var points = '1.45, 1.53, 1.51, 1.55, 1.63, 1.69, 1.75, 1.76, 1.79, 1.87, 1.9, 1.99, 1.99, 1.99, 2.02, 2.02, 2.03, 2.04, 2.03, 2.03, 2.02, 2.02, 2.02, 2.01, 1.99, 1.99, 1.99, 1.91, 1.87, 1.78, 1.75, 1.63, 1.54, 1.5, 1.39, 1.27, 1.21, 1.15, 1.07, 1.03, 0.99, 0.96, 0.91, 0.89, 0.84, 0.8, 0.79, 0.73, 0.68, 0.63, 0.58, 0.55, 0.49, 0.44, 0.4, 0.36, 0.32, 0.28, 0.25, 0.22, 0.19, 0.17, 0.16, 0.16, 0.16, 0.16, 0.17, 0.18, 0.19, 0.14, 0.22, 0.25, 0.27, 0.32, 0.38, 0.44, 0.51, 0.59, 0.67, 0.78, 0.85, 0.94, 1.03, 1.07, 1.15, 1.21, 1.27, 1.27, 1.3, 1.35, 1.39, 1.4, 1.46, 1.51, 1.54, 1.62, 1.63, 1.7, 1.75, 1.78, 1.86, 1.87, 1.93, 1.99, 1.99, 1.99, 2.02, 2.02, 2.03, 2.04, 2.04, 2.03, 2.02, 2.02, 2.02, 2, 1.99, 1.99, 1.99, 1.87, 1.81, 1.75, 1.76, 1.63, 1.51, 1.45, 1.35, 1.27, 1.21, 1.15, 1.06, 1.03, 0.97, 0.93, 0.91, 0.86, 0.83, 0.79, 0.75, 0.72, 0.67, 0.62, 0.58, 0.52, 0.48, 0.43, 0.39, 0.34, 0.31, 0.27, 0.24, 0.21, 0.18, 0.1, 0.16, 0.15, 0.16, 0.16, 0.17, 0.18, 0.19, 0.21, 0.23, 0.25, 0.29, 0.34, 0.4, 0.46, 0.55, 0.61, 0.71, 0.79, 0.9, 0.96, 1.03, 1.08, 1.15, 1.21, 1.27, 1.27, 1.31, 1.39, 1.39, 1.45, 1.51, 1.51, 1.54, 1.63, 1.66, 1.75, 1.75, 1.78, 1.87, 1.87, 1.94, 1.99, 1.99, 2.01, 2.02, 2.03, 2.03, 2.03, 2.03, 2.03, 2.02, 2.02, 2.07, 2, 1.99, 1.99, 1.94, 1.87, 1.78, 1.75, 1.69, 1.57, 1.51, 1.39, 1.3, 1.27, 1.15, 1.1, 1.05, 1.03, 0.97, 0.91, 0.91, 0.85, 0.8, 0.79, 0.73, 0.7, 0.67, 0.6, 0.55, 0.5, 0.46, 0.38, 0.37, 0.33, 0.3, 0.26, 0.23, 0.2, 0.18, 0.16, 0.16, 0.16, 0.16, 0.17, 0.18, 0.19, 0.2, 0.22, 0.24, 0.26';
            draw(points);"/>
        <input id="discr" type="number" min="1" max="256" value="256"/>
        <canvas id="canvas" width="1000px" height="600px"></canvas>
    </body>
 
</html>

@A3IPIB · 25.12.2018, 18:51 **[ТС]**

строится по кнопке (снизу справа), в numeric up-down указывается кол-во точек для построения, из массива 'points'

Новые блоги и статьи Все статьи Все блоги /
Сумматор с применением элементов трёх состояний. Hrethgir 26.03.2026 Тут. https:/ / fips. ru/ EGD/ ab3c85c8-836d-4866-871b-c2f0c5d77fbc Первый документ красиво выглядит, но без схемы. Это конечно не даёт никаких плюсов автору, но тем не менее. . . всё может быть. . .	Автозаполнение реквизитов при создании документа Maks 26.03.2026 Код из решения ниже размещается в модуле объекта документа, в процедуре "ПриСозданииНаСервере". Алгоритм проверки заполнения реализован для исключения перезаписи значения реквизита, которое может. . .	Команды "Заполнить" и "Очистить" на форме документа Maks 26.03.2026 1. Команда формы "ЗаполнитьЗапчасти". На примере нетипового документа разработанного в конфигурации КА2. В качестве источника данных указан регистр накопления, в который записываются данные о. . .	Кому нужен AOT? DevAlt 26.03.2026 Решил сделать простой ланчер Написал заготовку: dotnet new console --aot -o UrlHandler var items = args. Split(":"); var tag = items; var id = items; var executable = args;. . .
Отправка уведомления на почту при изменении наименования справочника Maks 24.03.2026 Программная отправка письма электронной почты на примере изменения наименования типового справочника "Склады" в конфигурации БП3. Перед реализацией необходимо выполнить настройку системной учетной. . .	модель ЗдравоСохранения 5. Меньше увольнений- больше дохода! anaschu 24.03.2026 Теперь система здравосохранения уменьшает количество увольнений. 9TO2GP2bpX4 a42b81fb172ffc12ca589c7898261ccb/ https:/ / rutube. ru/ video/ a42b81fb172ffc12ca589c7898261ccb/ Слева синяя линия -. . .	Midnight Chicago Blues kumehtar 24.03.2026 Такой Midnight Chicago Blues, знаешь?. . Когда вечерние улицы становятся ночными, а ты не можешь уснуть. Ты идёшь в любимый старый бар, и бармен наливает тебе виски. Ты смотришь на пролетающие. . .	SDL3 для Desktop (MinGW): Вывод текста со шрифтом TTF с помощью библиотеки SDL3_ttf на Си и C++ 8Observer8 24.03.2026 Содержание блога Финальные проекты на Си и на C++: finish-text-sdl3-c. zip finish-text-sdl3-cpp. zip

@A3IPIB 58 / 57 / 47 Регистрация: 31.10.2016 Сообщений: 182
	25.12.2018, 18:51 [ТС]
	строится по кнопке (снизу справа), в numeric up-down указывается кол-во точек для построения, из массива 'points' 0