Работа с объектами в Convas

[FirstFrost]

Здравствуйте! Мне нужно написать простенький графический редактор на convas, который может рисовать фигуры (тругольник, квадрат, круг, точка), менять их цвета, размер и угол поворота.

Рисовать объекты довольно просто. Квадрат, например, рисуется так:

ctx.strokeRect(coord_x, coord_y, size, size);

Но как после прорисовки выбрать нарисованный объект и внести в него изменения?

[Switch74]

чтобы так делать, вы должны хранить ваш рисунок в программном виде, например в массиве:

{'0'={'type'='strokeRect',        'coord_x'=10,        'coord_y'=10,        'width'=100,        'height'=100}'1'={'type'='strokeRect',        'coord_x'=100,        'coord_y'=100,        'width'=10,        'height'=10}}

если нужно будет редактировать один из квадратов, нужно произвести клик по нему, при этом координаты клика сравниваете с областями объектов и так определяете какой квадрат был выбран для редактирования.

если нужно в данную схему можно добавить бордюры, фоны, z-index

[ivanko]

Никак. как только отработала функция отрисовки квадрата или еще чего то - это становиться лишь набор пикселей на холсте.

что бы сделать имитацию рисования вы должны каждый раз перерисовывать все действия на холсте. 

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

и после каждого события перерисовывать холст с этого массива.  в интернете очень много материала на данную тему. Лень это не путь разработчика.

Когда мне достался первый проект на канве я просто потратил ночью что бы узнать принципы работы с канвой.

[afdw]

Не "Convas", а "Canvas".