Question

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

Answer 1

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

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");
});

Here is a jsFiddle Demo

命令清除行

2 个答案: