HTML5画布两个画布在另一个清晰的顶部

Question

我有两个画布一个在另一个上面，我怎么能只清除像画面一样的顶部画布。 例如，如果我使用擦除工具清除背景，我需要清除顶部画布上的图纸。 picture is Picture link
demo is JsfidleDemo

Answer 1

你的前景＆＃39;正在从背景画布创建画布上下文。因此，为什么它擦除了背景。您还应该将鼠标添加事件附加到html正文;如果你在画布外面移动mousedown并将鼠标移到画布外面，那么它将破坏你的逻辑。