CSSの遷移がキャンバスを役に立たないレンダリング

Question

私はPHPとjQueryを使ってインタラクティブなホワイトボードアプリケーションを作成しています。デッキの作成は問題ではなく、ページにキャンバスオーバーレイを適用して書き込むこともできます。私はアマチュアのコーダーであり、完全に独学です。これは、より多くのことを学ぶ練習の一部であり、私の教育実践に使用するためのすばらしいツールを提供する手段となります。

私が遭遇している問題は、キャンバス要素にCSSトランジションを適用することです。その結果、スライドが変更されると、キャンバス要素も同様に移動して、以前に作成された図を新しいスライドに残さないようにします。

私はキャンバス要素をスライドトランジションと共に移動させましたが、このときキャンバスは役に立たなくなりました（現在のスライド上）。私が前のスライドに戻ると、私が描いたすべてを見ることができます。

私はこれがあまりにも漠然とした質問や状況の説明を援助するために漠然としているとは思っていませんが、どんな指針も素晴らしいでしょう。

Answer 1

問題を解明しました。元のスクリプトでは、スライドが移行していた距離を考慮していると思っていましたが、そうではありませんでした。私はこれを世話する行を追加し、それは魅力のように動作します。