CANVAS内容を保存

Question

すみません。教えて下さい。
jsでcanvasの内容を画像で保存したいのですが、
toDataURL()を実行するとエラーになってしまいます。

考えられる理由や回避方法などご存知の方がおられましたら
お手数ですが、教授いただｋると助かります。

  <div id="screen" style="background: #c0c0c0; position: relative;" ></div>

  $('#save-sozai').click(function () {
                
       var canvas = $('#screen');
       try {
            var base64 = canvas.toDataURL();
       }
       catch (e) {
            alert('Error');
       }

   });

宜しくお願い致します。

Answer 1

#screen が Canvas要素 で無いからでは？

【Canvas API - HTML | MDN】
https://developer.mozilla.org/ja/docs/Web/HTML/Canvas

Comments

[Qoo]

ありがとうございます！
完全に勘違いしてました。