Нарисовать параболу и кубическую параболу в JavaScript

@dlis992 · Регистрация: 09.05.2015

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

Нарисовать параболу и кубическую параболу в системе координат 10х10 в JavaScript.
Не знаю как сделать...

Добавлено через 8 часов 27 минут
Никто не знает?

Доктор Зойдберг · 22.12.2015, 21:14

canvas?

@Опан · 22.12.2015, 21:28

HTML5
1
2
<body bgcolor=gold>
<canvas id=canvas width=400px height=500px style="background:white"></canvas>

JavaScript
1
2
3
4
5
6
7
8
9
<script>
var ctx=canvas.getContext("2d");
for(var i=-20;i<20;i+=0.01){
    ctx.fillStyle="blue"; // цвет квадратической параболы
    ctx.fillRect(200+i*10,250-Math.pow(i,2),1,1);
    ctx.fillStyle="red"; // цвет кубической параболы
    ctx.fillRect(200+i*10,250-Math.pow(i,3),1,1);
}
</script>

@kalabuni · 22.12.2015, 21:34

Не по теме:

Опан, а классный цвет фона для тела документа вы выбрали :)

прямо таки ВabySurprise

@dlis992 · 22.12.2015, 21:42 **[ТС]**

Опан,
а как это сделать в системе координат?

@BANO · 22.12.2015, 22:01

Сообщение от dlis992

а как это сделать в системе координат?

таблицу тупо поверх канваза поставьте и всё

@dlis992 · 22.12.2015, 22:16 **[ТС]**

BANO,
<body bgcolor=gold>
<canvas id=canvas width=400px height=500px style="background:white"></canvas>
<script>
var ctx=canvas.getContext("2d");
// Задаем position:absolute в стиле для всех div
document.write(" <style>div{position:absolute}</style> ");
// w,h - ширина и высота экрана соответственно; (x0,y0)- координаты центра экрана
w=screen.width; h=screen.height;
x0=w/2; y0=h/2;
// Рисуем координатные оси с центром в (x0,y0)
for (i=1; i<w; i=i+8) document.write( " <div style='top: " +y0+ " ; left: " +i+ " '>_</div> " );
for (i=1; i<h; i=i+8) document.write( " <div style='left: " +x0+ " ; top: " +i+ " '>|</div> " );
// Назначаем коэффициенты масштабирования графика по x (kx) и y (ky)
kx= w/70; ky= h/70;
for(var i=-20;i<20;i+=0.01){
ctx.fillStyle="blue"; // цвет квадратической параболы
ctx.fillRect(200+i*10,250-Math.pow(i,2),1,1);
ctx.fillStyle="red"; // цвет кубической параболы
ctx.fillRect(200+i*10,250-Math.pow(i,3),1,1);
}
</script>

как этот график рисовать из начала координат?

@Опан · 22.12.2015, 22:43

Координатную сетку можно так же нарисовать на канвасе. В моём коде между 2 и 3 строками вставим:

JavaScript
1
2
3
ctx.fillStyle="#ccc"; // цвет сетки (kalabuni, строго не судите :)
for(var i=0;i<canvas.width;i+=10)ctx.fillRect(i,0,1,canvas.height);
for(var i=0;i<canvas.height;i+=10)ctx.fillRect(0,i,canvas.height,1);

@dlis992 · 22.12.2015, 22:50 **[ТС]**

Опан,
Спасибо Вам большое, но мне нужно оси координат x и y

@Опан · 22.12.2015, 23:27

No problems, между 2 и 3 строками вставим:

JavaScript
1
2
ctx.fillRect(0,canvas.height/2,canvas.width,1);
ctx.fillRect(canvas.width/2,0,1,canvas.height);

@dlis992 · 22.12.2015, 23:40 **[ТС]**

Опан,
а деления возможно сделать?

@BANO · 22.12.2015, 23:41

Не по теме:

Опан, вас эксплуатируют:D

@Опан · 22.12.2015, 23:56

Эх, если б могли транслировать из VB на JS? Есть тема - Из wav файла вывести график на форму Там я график с делениями забульбенил.

@dlis992 · 23.12.2015, 00:13 **[ТС]**

Опан, спасибо большое за помощь!!!

@BANO · 23.12.2015, 00:16

Сообщение от Опан

Эх, если б могли транслировать из VB на JS?

тогда мелко мягких вообще бы зашпыняли, за то, что они сделали просто транслируемый язык

Новые блоги и статьи Все статьи Все блоги /
модель ЗдравоСохранения 8. Подготовка к разному выполнению заданий anaschu 08.04.2026 https:/ / github. com/ shumilovas/ med2. git main ветка * содержимое блока дэлэй из старой модели теперь внутри зайца новой модели 8ATzM_2aurI	Блокировка документа от изменений, если он открыт у другого пользователя Maks 08.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа, разработанного в конфигурации КА2. Задача: запретить редактирование документа, если он открыт у другого пользователя. / / . . .	Система безопасности+живучести для сервера-слоя интернета (сети). Двойная привязка. Hrethgir 08.04.2026 Далее были размышления о системе безопасности. Сообщения с наклонным текстом - мои. А как нам будет можно проверить, что ссылка наша, а не подделана хулиганами, которая выбросит на другую ветку и. . .	Модель ЗдрввоСохранения 7: больше работников, больше ресурсов. anaschu 08.04.2026 работников и заданий может быть сколько угодно, но настроено всё так, что используется пока что только 20% kYBz3eJf3jQ
Дальние перспективы сервера - слоя сети с космологическим дизайном интефейса карты и логики. Hrethgir 07.04.2026 Дальнейшее ближайшее планирование вывело к размышлениям над дальними перспективами. И вот тут может быть даже будут нужны оценки специалистов, так как в дальних перспективах всё может очень сильно. . .	Горе от ума kumehtar 07.04.2026 Эта мне ментальная установка, что вот прямо сейчас, мол, мне для полного счастья не хватает (нужное вписать), и когда я этого достигну - тогда и полный кайф. Одна из самых сильных ловушек на пути. . . .	Использование значений реквизитов справочника в документе, с определенными условиями и правами Maks 07.04.2026 1. Контроль срока действия договора Алгоритм из решения ниже реализован на примере нетипового документа "ЗаявкаНаРаботу", разработанного в конфигурации КА2. Задача: уведомлять пользователя, если. . .	Доступность команды формы по условию Maks 07.04.2026 Алгоритм из решения ниже реализован на примере нетипового документа "СписаниеМатериалов", разработанного в конфигурации КА2. Задача: сделать доступной кнопку (команда формы "ЗавершитьСписание") при. . .

@dlis992 0 / 0 / 0 Регистрация: 09.05.2015 Сообщений: 23

	Нарисовать параболу и кубическую параболу в JavaScript 22.12.2015, 20:57. Показов 8997. Ответов 14 Метки нет (Все метки) Нарисовать параболу и кубическую параболу в системе координат 10х10 в JavaScript. Не знаю как сделать... Добавлено через 8 часов 27 минут Никто не знает? 0

Доктор Зойдберг 104 / 88 / 21 Регистрация: 19.05.2012 Сообщений: 458
	22.12.2015, 21:14
	canvas? 0

@kalabuni
	22.12.2015, 21:34
	Не по теме: Опан, а классный цвет фона для тела документа вы выбрали :) прямо таки ВabySurprise 0

@dlis992 0 / 0 / 0 Регистрация: 09.05.2015 Сообщений: 23
	22.12.2015, 21:42 [ТС]
	Опан, а как это сделать в системе координат? 0

@dlis992 0 / 0 / 0 Регистрация: 09.05.2015 Сообщений: 23
	22.12.2015, 22:16 [ТС]
	BANO, <body bgcolor=gold> <canvas id=canvas width=400px height=500px style="background:white"></canvas> <script> var ctx=canvas.getContext("2d"); // Задаем position:absolute в стиле для всех div document.write(" <style>div{position:absolute}</style> "); // w,h - ширина и высота экрана соответственно; (x0,y0)- координаты центра экрана w=screen.width; h=screen.height; x0=w/2; y0=h/2; // Рисуем координатные оси с центром в (x0,y0) for (i=1; i<w; i=i+8) document.write( " <div style='top: " +y0+ " ; left: " +i+ " '>_</div> " ); for (i=1; i<h; i=i+8) document.write( " <div style='left: " +x0+ " ; top: " +i+ " '>\|</div> " ); // Назначаем коэффициенты масштабирования графика по x (kx) и y (ky) kx= w/70; ky= h/70; for(var i=-20;i<20;i+=0.01){ ctx.fillStyle="blue"; // цвет квадратической параболы ctx.fillRect(200+i10,250-Math.pow(i,2),1,1); ctx.fillStyle="red"; // цвет кубической параболы ctx.fillRect(200+i10,250-Math.pow(i,3),1,1); } </script> как этот график рисовать из начала координат? 0

@dlis992 0 / 0 / 0 Регистрация: 09.05.2015 Сообщений: 23
	22.12.2015, 22:50 [ТС]
	Опан, Спасибо Вам большое, но мне нужно оси координат x и y 0

@dlis992 0 / 0 / 0 Регистрация: 09.05.2015 Сообщений: 23
	22.12.2015, 23:40 [ТС]
	Опан, а деления возможно сделать? 0

@BANO
	22.12.2015, 23:41
	Не по теме: Опан, вас эксплуатируют:D 0

@Опан Юзер с абсолютным слухом 709 / 489 / 195 Регистрация: 17.12.2010 Сообщений: 1,428
	22.12.2015, 23:56
	Эх, если б могли транслировать из VB на JS? Есть тема - Из wav файла вывести график на форму Там я график с делениями забульбенил. 1

@dlis992 0 / 0 / 0 Регистрация: 09.05.2015 Сообщений: 23
	23.12.2015, 00:13 [ТС]
	Опан, спасибо большое за помощь!!! 0

Нарисовать параболу и кубическую параболу в JavaScript

Решение