canvas报错：Cannot read property ‘getContext‘ of null“

最新推荐文章于 2024-08-03 20:32:29 发布

李白的故乡

最新推荐文章于 2024-08-03 20:32:29 发布

阅读量1.3k

点赞数 1

分类专栏：项目技术文章标签：前端 html css javascript vue.js

本文链接：https://blog.csdn.net/qq_45448242/article/details/129580517

版权

项目技术专栏收录该内容

21 篇文章 0 订阅

订阅专栏

原因，HTML未渲染，就执行了JS，加nextTick让JS最后执行

nextTick(() => {
  var c = document.getElementById("myCanvas")
  console.log("c",c);
      var cxt = c.getContext("2d")
      cxt.fillStyle = "#FF0000"
      cxt.strokeStyle = "green"
  
      // 路径原点
      cxt.moveTo(10, 10)
      // 路径终点
      cxt.lineTo(150, 50)
      // 路径轮廓
      cxt.stroke();

})