Это задание вторник, 14 марта. В идеале, однако, прийти на занятия в эту пятницу, по крайней мере, попробовав выполнить обе части задания.
Часть 1. Обновление основ Canvas
Следуя инструкциям, изложенным в коде, воспроизведите рисунок на холсте, подобный приведенному ниже. Обратите внимание, что серые линии образуют сетку размером 50 на 50 пикселей.
Часть 2: Обновление при отправке
Прежде чем продолжить, проверьте d3.dispatch
API.
В коде элементы #plot1
и #plot2
реагируют на события перемещения мыши, перемещая элемент красного круга. Ваша задача состоит в том, чтобы #plot1
и #plot2
зеркально отображали друг друга, т. е. перемещали красный кружок в одном, даже когда вы наводите указатель мыши на другой, без прямой ссылки друг на друга. Для этого вам нужно будет использовать d3.dispatch
.
Можно ли сделать так, чтобы все элементы .plot
делали одно и то же, используя краткий код, как показано в области подсказок?