getElementsByTagName("test")[0].toDataURL("image/jpg") 为什么获取不到toDataURL()?

Question

为什么toDataURL()用不了？报错toDataURL is not a function.

Answer 1

因为document.getElementsByTagName("test")[0]返回的类型是Element而非HTMLCanvasElement
如果你用的是ts,需要这么写

(document.getElementsByTagName("test")[0] as HTMLCanvasElement).toDataURL("image/jpg");

如果是js，关闭这个校验就ok了
VSCode 设置-首选项-设置，搜索checkjs，取消勾选即可

Answer 2

toDataURL是原生canvas对象上的方法,可能你获取的不是canvas元素，建议直接给canvas标签加个id直接获取

const canvas = document.getElementById("canvas");
canvas.toDataURL("image/jpg");