0 / 0 / 1
Регистрация: 18.08.2022
Сообщений: 37
1

Рисование в canvas 50 окружностей

02.09.2022, 23:22. Показов 1819. Ответов 4
Метки нет (Все метки)

Author24 — интернет-сервис помощи студентам
В программе задана переменная ctx, которая содержит контекст canvas элемента. Отрисуйте в canvas 50 окружностей c центром в точке 150:150 и радиусом от 2 до 100. Для решения данной задачи воспользуйтесь циклом.

Написал такой код, вопрос - как добавить условие что радиус от 2 до 100 и чтобы было 50 кругов , пока только один выводится.

PHP/HTML
1
2
3
4
5
6
7
8
9
10
11
12
<canvas id="root" width="300" height="300"></canvas>
<script>
  let canvas = document.getElementById("root")
  let ctx = canvas.getContext("2d");
  for (let i = 0; i <= 50; i++){
    
    ctx.beginPath();
    ctx.arc(150,150, 2, 0, 2 * Math.PI)
    ctx.closePath();
    ctx.stroke();  
}
</script>
0
Лучшие ответы (1)
Programming
Эксперт
94731 / 64177 / 26122
Регистрация: 12.04.2006
Сообщений: 116,782
02.09.2022, 23:22
Ответы с готовыми решениями:

Рисование спиралей и окружностей (некорректная отрисовка окружностей)
Здравствуйте! Возникла проблема, разобраться в которой не получается Задача:нарисовать две...

Рисование окружностей
Требуется нарисовать концентрические окружности уменьшающегося радиуса. Радиус каждой следующей...

Рисование линий и окружностей
Ребята объясните как рисовать линии и кружки в microsoft visual studio 2010(новичок в этом деле,...

Рисование окружностей в PictureBox
Нужно нарисовать в PictureBox окружности по зпдпнным координатам центра и радиусу. Данные о каждой...

Рисование окружностей на turtle
Нужно нарисовать это Обязательно закрасив

4
Модератор
Эксперт JS
6279 / 3518 / 1050
Регистрация: 07.09.2019
Сообщений: 5,664
Записей в блоге: 1
02.09.2022, 23:32 2
Лучший ответ Сообщение было отмечено DrType как решение

Решение

Выводится не один, просто они накладываются.
Javascript
1
2
3
4
5
6
for (let i = 2; i <= 100; i += 2) {
    ctx.beginPath();
    ctx.arc(150, 150, i, 0, 2 * Math.PI)
    ctx.closePath();
    ctx.stroke();
  }
1
0 / 0 / 1
Регистрация: 18.08.2022
Сообщений: 37
02.09.2022, 23:54  [ТС] 3
Спасибо, сработало. Только не понял , а где сказано ,что надо нарисовать 50 окружностей , если в i сейчас указали условие радиуса ?

P.S. Всё понял , i += 2, шаг на 2 до 100, будет 50 .
0
0 / 0 / 0
Регистрация: 30.10.2022
Сообщений: 2
30.10.2022, 14:32 4
Student_JS, а где вы такие задачки по Canvas нашли, если не секрет?
0
0 / 0 / 1
Регистрация: 18.08.2022
Сообщений: 37
31.10.2022, 08:52  [ТС] 5
Это в учебной программе, по которой обучаюсь на frontend.
0
31.10.2022, 08:52
IT_Exp
Эксперт
87844 / 49110 / 22898
Регистрация: 17.06.2006
Сообщений: 92,604
31.10.2022, 08:52
Помогаю со студенческими работами здесь

Рекурсивное рисование окружностей
Здравствуйте! Подскажите такую вещь, как написать программу, которая бы строила окружности, центры...

Рисование окружностей с graphABC
Составьте программу для данного рисунка (задание на скриншоте), где N=10, а n=0.

Рисование окружностей с демонстрацией процесса
Здравствуйте форумчане, нужна ваша помощь. Написала я программу для рисования окружностей, одно НО....

Рисование окружностей разных цветов
Написать программу, которая рисует на экране каждую окружность с задержкой по времени в 1000 мс....

Рисование окружностей в PictureBox со случайными координатами
Здравствуйте создал программу рисования окружностей координаты и ридиус задаются рандомно есть...

Рисование и удаление окружностей. Исправить код
Ошибку указала в комментариях(102 строка). как можно его исправить? и что еще нужно изменить?...


Искать еще темы с ответами

Или воспользуйтесь поиском по форуму:
5
Ответ Создать тему
Опции темы

КиберФорум - форум программистов, компьютерный форум, программирование
Powered by vBulletin
Copyright ©2000 - 2024, CyberForum.ru