html - html5キャンバスをクリアしてから、再初期化します

Question

ユーザーが折れ線グラフを描画して、実際のグラフにどれだけ近いかを確認するアクティビティに取り組んでいます。動作していますが、キャンバスの「リセット」についてサポートが必要です。クリアすることはできますが、ユーザーが再試行できるように、クリアした後で再初期化する必要があります。

これが私がこれまでに持っているリセットコードです：

var clearCanvas = false;

function onFrame(event) {
    if (clearCanvas && project.activeLayer.hasChildren()) {
        project.activeLayer.removeChildren();
        clearCanvas = false;
    }
}
$('.clear').on('click', function() {
    clearCanvas = true;
    return false
})

これがjsfiddleです

私はコーダーではないので、このコードを一緒にハッキングしました。それが最善の方法でない場合は、簡単に行ってください。誰かがこれを行うためのよりクリーンでより効率的な方法を持っているなら、私はすべての耳です！

前もって感謝します。S