收藏
回答

canvas组件怎么绘制不生效?

WXML:

<view>
    <canvas type="2d" style="width: 400px; height: 400px;" canvas-id="canvasId"></canvas>
    <button bindtap="draw">绘制</button>
</view>

JS:

const app = getApp()
Page({
  data: {},
  onLoad: function () {
  },
  draw(){
    console.log(111)
    const ctx = wx.createCanvasContext('canvasId')
    ctx.rect(101010030)
    ctx.setStrokeStyle('yellow')
    ctx.stroke()
    ctx.draw()
  }
})

代码执行了没有效果是什么情况?如下:

回答关注问题邀请回答
收藏

3 个回答

  • 星光刀锋
    星光刀锋
    2021-03-05

    新版和旧版的区别

    2021-03-05
    有用 1
    回复
  • 神经蛙
    神经蛙
    2021-03-05
    type指定后,canvas-id属性就没用了,所以wx.createCanvasContext()就获取不到画布了,然后你写的代码都失效了
    
    2021-03-05
    有用
    回复
  • 你好,小白
    你好,小白
    2021-03-05

    - - !额。。。把canvas元素的属性type="2d"删掉就行了,什么鬼

    2021-03-05
    有用
    回复
登录 后发表内容
问题标签