Uncaught TypeError: this.canvas.getContext is not a function

Posted 2020-09-03 zengjf

/****************************************************************************
 *      Uncaught TypeError: this.canvas.getContext is not a function
 * 说明：
 *     使用Gauge.js的遇到这个问题，之前梦真使用的时候直接用div就OK的，目前
 * 还不知道为什么这里要用canvas来做才行。
 *
 *                                         2017-3-9 深圳 南山平山村 曾剑锋
 ***************************************************************************/

一、参考文档：
    1. 报错 Uncaught TypeError: c.getContext is not a function
        https://zhidao.baidu.com/question/434893944652253124.html

二、报错现象：
    Uncaught TypeError: this.canvas.getContext is not a function
        at new b (gauge.min.js:1)
            at HTMLDocument.<anonymous> (soc.js:22)
            at i (jquery.min.js:2)
            at Object.fireWith [as resolveWith] (jquery.min.js:2)
            at Function.ready (jquery.min.js:2)
            at HTMLDocument.J (jquery.min.js:2)

三、解决办法：
    1. 原因：用的是div标签不是canvas标签;
    2. 修改： 
            <div id="cpu">
            </div>
       为：
            <canvas id="cpu">
            </canvas>