HTML5キャンバスのプレビューウィンドウを追加するには

Question

キャンバス要素があるページがあります。私はそれを使って床平面の座標をマップしています。キャンバスは外部イメージをロードし、マップされたすべての座標を記録します。

私が言っていることを理解するには、下のURLをご覧ください。多くの機能はまだページ内で機能していません。キャンバスは800x600の画像でうまく動作します。

HTML5 Canvas

問題は、jQueryの画像ズームと同様に、キャンバス上でこれらの座標をプロットすると、正確であると私は別のズームウィンドウにプロットマーカーを見ることができるズーム機能を追加したくないかもしれません、ですプラグイン。プロットされたマーカーのリアルタイムプレビューが必要なため、これらのプラグインはここでは機能しません。

私はキャンバスとユーザーのやり取りを第2のキャンバスに複製することを考えていましたが、それが正しいかどうかはわかりません。

誰も私にこれを達成するための最良の方法を提案できますか？どんな助けでも大歓迎です。ありがとう。

Answer 1

キャンバスのプレビューを追加すると、同じページの別のキャンバスでやってみると、ブラウザの強さが損なわれてしまうでしょう。別のページに行くリンクをクリックしてプレビューを表示する方が良いでしょう。