javascript - strokeRect - 使用 HTML 5 的 Canvas 绘图

Question

嗨，我正在玩弄形状和 Canvas ，我有一个问题:

假设我有这段代码可以在 Canvas 上绘制一个漂亮的矩形:

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

现在我说我想存储对该矩形的引用，以便我可以在稍后阶段对其进行更改。 stokeRect() 方法似乎没有返回任何值。我如何引用创建的特定矩形？

Answer 1

你不能引用它，但你可以将它包含在一个绘图函数中，这取决于你的参数允许你移动/旋转隐藏等。

这在很大程度上取决于你想用这个形状做什么。

本教程有助于理解形状操作。 http://simonsarris.com/blog/140-canvas-moving-selectable-shapes