使用react-native-canvas在画布上绘制本地图像

Question

大家。我将在 expo React Native 项目中绘制图像。顺便说一句，它正在使用“yarn start”进行开发阶段，但是在构建 apk 后，图像没有显示在画布上。请检查下面的代码库并告诉我。如果有人有此类问题的经验，请告诉我解决方案。谢谢你。

从“expo-asset”导入{Asset}；

const context = canvas.getContext(`2d`);
let img = new CanvasImage(canvas);
img.src = Asset.fromModule(require(`../assets/images/gameIcons/game.png`)).uri;

img.addEventListener('load', function() {
    context.drawImage(image, 0, 0, 100, 100);
})

Answer 1

我花了几天时间研究解决这个问题，终于找到了解决方案。 我将所有图像从在线转换器转换为base64图像，并将该base64图像输入到img标签的src中。终于通过这个办法解决了。

img.src = base64Image