strokeRect - Рисование холста с HTML 5

Question

Привет, я играю с формами и холстом, и у меня есть вопрос:

Скажем, у меня есть этот код, который рисует красивый прямоугольник на холсте:

$("#create_rectangle").bind("click", function() {   
        if(canvas[0].getContext){
            var ctx = canvas[0].getContext('2d');
            ctx.strokeRect(50,50,50,50);
        }
    });

Теперь яскажем, я хочу сохранить ссылку на этот прямоугольник, чтобы я мог изменить его на более позднем этапе.Кажется, что метод stokeRect () не возвращает никакого значения.Как мне сослаться на тот конкретный прямоугольник, который был создан?

Answer 1

Вы не можете.

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

То, что вы можете хотеть, это SVG. Он отслеживает формы и другие разные вещи, так что вы можете изменить их, гораздо точнее справляться с взаимодействиями и так далее.

Answer 2

Ну, вы не можете ссылаться на него, но вы можете включить его в функцию рисования, которая в зависимости от ваших аргументов позволяет вам перемещать / вращать скрытую и т. Д.

Это очень зависит от того, что вы хотите сделать с этой формой.

Этот урок может помочь понять, как манипулировать формой. http://simonsarris.com/blog/140-canvas-moving-selectable-shapes