createElementで仮想描画したcanvasを実際のcanvasに描画する

デモ

cleateElementのcanvasデータを実際のcanvasに描画するには？

ctx.drawImage(cleateElement, 0, 0, width, height)

drawImageの最初の引数にcleateElementの要素を入れてあげれば良い。他にも方法があると思いますので、よければコメント欄で教えてください。

使い所

• 複数のcanvasを使用しないといけない時
  • たくさんのcanvasを使用して、DOMにcanvasを追加したくない時