Показать сообщение отдельно
  #31 (permalink)  
Старый 26.08.2022, 20:22
Аватар для Alikberov
Кандидат Javascript-наук
Отправить личное сообщение для Alikberov Посмотреть профиль Найти все сообщения от Alikberov
 
Регистрация: 16.08.2018
Сообщений: 112

Сообщение от IZUM Посмотреть сообщение
И, самое главное - нарисовать ромб и окружность, показанные на картинке. Их размеры должны быть сооизмеримы с координатными осями.
(Запустить на gist)
строки #503
// Рисуем на первом графике
	hChart.context.strokeStyle = "blue";
	hChart.transform();	// Трансформации контекста холста под формат графика
	hChart.context.beginPath();
	// Рисуем ромб в точке 7,0
	hChart.context.moveTo(7, 1);
	hChart.context.lineTo(7.5, 0);
	hChart.context.lineTo(7, -1);
	hChart.context.lineTo(6.5, 0);
	hChart.context.closePath();
	// Рисуем эллипс в точке 11,0
	hChart.context.moveTo(11, 0);
	hChart.context.ellipse(11, 0, 0.5, 0.5, 0, 0, 2 * Math.PI);
	// Сбрасываем трансформацию, чтобы толшина кисти восстановилась
	hChart.context.setTransform(1, 0, 0, 1, 0, 0);
	// Отображаем ромб и эллипс
	hChart.context.stroke();
Тaк подойдёт (смотрите изображение)?
Изображения:
Тип файла: jpg romb_ellipse.jpg (15.4 Кб, 4 просмотров)

Последний раз редактировалось Alikberov, 26.08.2022 в 20:28.
Ответить с цитированием