小程序获取页面截图

在app.json里面加入

 "renderer": "skyline",
  "componentFramework":"glass-easel",
  "rendererOptions": {
    "skyline": {
      "defaultDisplayBlock":true
    }
  },
  "lazyCodeLoading": "requiredComponents",

开发者工具和真机测试都需要开启skyline引擎
使用snapshot包裹要截图的内容

<snapshot mode="view" id="view">
  <view>页面</view>
</snapshot>
dian(){
    this.createSelectorQuery().select("#view")
    .node().exec(res => {
      const node = res[0].node
      node.takeSnapshot({
        type: 'arraybuffer',
        format: 'png',
        success: (res) => {
          console.log(res,'ressss')
          const f = `${wx.env.USER_DATA_PATH}/hello.png`
          const fs = wx.getFileSystemManager();
          fs.writeFileSync(f, res.data, 'binary')
          this.setData({
            img: f
          })
          
          把海报图片保存到本地
          wx.saveImageToPhotosAlbum({
            filePath: f
          })
        }
      })
    })
	}
  • 9
    点赞
  • 5
    收藏
    觉得还不错? 一键收藏
  • 0
    评论
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值