收藏
回答

自定义组件中不能使用canvas 画图么

如题, 在自定义的一个Component wxml文件中添加了个canvas

<view class='container'>
    <canvas canvas-id='custom-canvas' style="border: 1px solid;"></canvas>
</view>

节点, 在js 的ready 函数中执行下面代码,

const ctx = wx.createCanvasContext('custom-canvas')
ctx.setFillStyle('red')
ctx.fillRect(10, 10, 150, 75)

ctx.draw()

但是同样在page 下定义相同布局, 在onLoad下执行相同代码, 会显示出canvas


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

4 个回答

  • LastLeaf
    LastLeaf
    2018-01-08

    加第二个参数,传入自定义组件的 this 。

    2018-01-08
    有用
    回复
  • LastLeaf
    LastLeaf
    2017-12-20

    你好,createCanvasContext 在自定义组件下使用稍有不同,请重新查阅文档。

    2017-12-20
    有用
    回复 2
    • 安
      2019-03-22

      你好,我加了this,发现不行

      2019-03-22
      回复
    • LastLeaf
      LastLeaf
      2019-03-22回复

      麻烦提供一个代码片段,我们排查一下问题。

      2019-03-22
      回复
  • 2018-03-23

    你好,我现在需要使用wx.createContext() 来创建canvas上下文,但是在自定义组件中不能使用,有解决办法嘛


    2018-03-23
    有用
    回复
  • 锐
    2018-01-08

    能不能给个示例,还是搞不懂

    2018-01-08
    有用
    回复
登录 后发表内容