使用getSharedCanvas()插入图片
发布于 5 年前 作者 shaoyan 14345 次浏览 来自 问答
  • 需求的场景描述(希望解决的问题)

sharedCanvas 是主域和开放数据域都可以访问的一个离屏画布。

// src/myOpenDataContext/index.js 开放数据域构建离屏画布

let Image= wx.createImage()//<–建立图片

Image.src=’…/images/enemy.png’ //<–定义图片

let sharedCanvas = wx.getSharedCanvas()

let context = sharedCanvas.getContext(‘2d’)

    context.drawImage(Image,0,0,80, 80)//<–加入图片到画布

// game.js 主域调用离屏画布

let openDataContext = wx.getOpenDataContext()

let sharedCanvas = openDataContext.canvas

let canvas = wx.createCanvas()

let context = canvas.getContext(‘2d’)

context.drawImage(sharedCanvas, 0, 0)

  • 希望提供的能力

我根据你们提供的关系链数据使用指南例子,向sharedCanvas加入图片,

但在主域上屏时一直无法显示,所以请帮忙看看是否有误

2 回复

嗯,最初我也遇到了这个问题。   主域需要等待开放数据域绘制完 sharedCanvas 后,才能进行绘制,不然就会出现你遇到的情况。

如下,等1s 钟

setTimeout(function(){

    let canvas = wx.createCanvas()

    let context = canvas.getContext('2d')

    context.drawImage(sharedCanvas, 0, 0)

}, 1000);

好的,感谢你的提醒和教导,我立马试试.

我主要是开放数据域里头像图片老传不到主

回到顶部