收藏
回答

canvas怎么导出带背景的图片?

我想要在canvas上写字,所以可能不能用画矩形然后填充颜色的方式,能不能直接导出带背景色的canvas呢?

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

3 个回答

  • 的李先生Nicall
    的李先生Nicall
    2022-02-23

    骂得好!!!!

    反正文档我是看不多了。停止更新的API又不删掉,或者分类,新的API又不维护上去。搞什么咯。

    我是加多了一个白色的背景图片到底部去了。

    <view class="canvasPart">
      <canvas type="2d" id="myCanvas"></canvas>
      <text catchtap="saveTheCanvas" class="saveButton">保存到相册</text>
      <!-- <image src="data:image/png;base64,{{QRCode}}"></image> -->
      <!-- <image src="{{QRCode}}"></image> -->
      <!-- <image src="{{postDetails.coverImage}}"></image> -->
    </view>
    
    
    wx.createSelectorQuery()
        .select('#myCanvas')
        .fields({
          node: true,
          size: true,
        }).exec(queryRes => {
          // console.log('queryRes is',queryRes)
          const canvas = queryRes[0].node
          // console.log('canvas is',canvas)
          const ctx = canvas.getContext('2d')
          // console.log('ctx is',ctx)
    
          // 下面的填充,都不生效,加上ctx.draw()又提示函数不存在,文档又没有,搞毛线咯
          // ctx.setFillStyle('red')
          // ctx.fillStyle="#0000ff";
          // ctx.fillRect(0,0,690,890);
          // ctx.fill()
    
    2022-02-23
    有用
    回复
  • 王大傻
    王大傻
    2021-06-02

    canvas 能用base64图 或者本地图 或者 https转临时图片 看你是那种了

    2021-06-02
    有用
    回复 18
    查看更多(13)
  • 微喵网络
    微喵网络
    2021-06-02

    为什么你会认为写字就不能用画矩形然后填充颜色的方式?

    2021-06-02
    有用
    回复 5
    • 恩赐解脱
      恩赐解脱
      2021-06-02
      大佬给指导下吧,我试了下好像不行,会覆盖掉
      2021-06-02
      回复
    • 微喵网络
      微喵网络
      2021-06-02回复恩赐解脱
      先后顺序
      先画矩形填充,再写字
      2021-06-02
      回复
    • 恩赐解脱
      恩赐解脱
      2021-06-02回复微喵网络
      这我当时试了好像不行,我再试一次吧
      2021-06-02
      回复
    • 恩赐解脱
      恩赐解脱
      2021-06-02回复微喵网络
      大哥是不行啊
      2021-06-02
      回复
    • 恩赐解脱
      恩赐解脱
      发表于移动端
      2021-06-02
      给个代码吧大哥,只要一个画布,上面填充个矩形,然后再在矩形上写字就行了
      2021-06-02
      回复
登录 后发表内容