8***@qq.com
8***@qq.com
  • 发布:2020-02-17 11:16
  • 更新:2023-02-24 12:22
  • 阅读:7483

uniapp canvas 不支持 getcontext('2d')

分类:uni-app

uniapp canvas 不支持 getcontext('2d')

2020-02-17 11:16 负责人:无 分享
已邀请:
2***@qq.com

2***@qq.com

我报着错是因为canvas标签没有绑定canvas-id,补上就好了

陶哥

陶哥 - 一个大帅哥

//创建原生的canvas 不使用uniapp 封装后的canvas只适用于h5
const content = document.getElementById('content')
const canvasEle = document.createElement('canvas')
canvasEle.setAttribute('height',400) //给canvas设置高度
content.appendChild(canvasEle)
// console.log(canvas);
var ctx = canvasEle.getContext("2d"); //webgl引入
后面进行操作记得 有的不能用uniapp 的canvas
如:ctx.setFillStyle('#EEEEEE') -----> ctx.setFillStyle = "#EEEEEE" 这样

  • 陶哥

    也可以这样,const canvas = document.getElementById('myCanvas').childNodes[0]

    this.canvas = canvas.getContext('2d') 记得初始化的时候加异步操作如-》this.$nextTick(()=>{-填初始化方法-})

    2023-04-15 17:35

8***@qq.com

8***@qq.com

+1 遇到同样问题了

7***@qq.com

7***@qq.com

我也遇到了 怎么解决啊

LeoHuang

LeoHuang

uniapp 没有这种写法

var ctx = uni.createCanvasContext('canvasId', this);

这样就获取到和h5一样的2d对象。

要回复问题请先登录注册