jquery - 命令清线

Question

我正在使用 jquery 在画布上画线。我的屏幕上有 3 个不同的按钮。当用户单击特定按钮时，它会画一条线。当用户单击任何其他按钮时，我需要清除该行。我想我的问题是您使用什么命令来确保当用户单击任何其他按钮时该行不重叠并且先前的选择被清除。谢谢！

Answer 1

画布不像“清除对象”那样工作，因为没有。您首先需要清除画布或部分。使用以下命令会发生这种情况：

context.clearRect ( x , y , w , h );

然后你可以画新线或任何你喜欢的东西。

如果您需要可选路径的功能，可以选择使用 SVG 代替 Canvas。

Answer 2

有很多方法可以做到这一点，例如你可以使用.not()选择器

$("button.but").not("clicked").click(function() {
    $(".clicked").removeClass("clicked");
});

$("button.but").click(function() {
   $(this).addClass("clicked");
});​

这是一个 jsFiddle 演示