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

嗯，你不能引用它，但是你可以把它包含在一个绘图函数中，根据你的参数允许你移动/旋转隐藏等。

这完全取决于你对这种形状的想法。

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

Answer 2

你不能。

Canvas基本上只是一个画布。你扔了一些油漆，干了，你就完成了。你不能拿你的油漆把它移到其他地方 - 但你可以把它涂在上面。

您可能想要的是SVG。它可以跟踪形状和其他各种各样的东西，以便您可以更改它们，更精确地处理交互等等。

strokeRect - 使用HTML 5绘制画布

2 个答案: