<template>
<view>
<gcanvas ref="gcanvas" :style="{ width: `60px`, height: `60px` }"></gcanvas>
</view>
</template>
<script>
// #ifdef APP-NVUE
import { enable, WeexBridge } from '@/js_sdk/gcanvas/index.js';
const modal = weex.requireModule('modal');
// #endif
export default {
onReady() {
const gcanvas = this.$refs['gcanvas'];
const canvas = enable(gcanvas, { bridge: WeexBridge });
const canvasContext = canvas.getContext('2d');
}
}
</script>
xiongoly
- 发布：2022-10-26 17:53
- 更新：2022-12-06 11:51
- 阅读：742
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： windows11
HBuilderX类型： 正式
HBuilderX版本号： 3.6.4
手机系统： Android
手机系统版本号： Android 12
手机厂商： 华为
手机机型： 荣耀30s
页面类型： nvue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
- 下载官方提供的nvue使用canvas的demo。
- 在hbuilderx中的运行>运行到手机或模拟器>制作自定义基座（android）
- 成功后再使用自定义基座运行app
- 下载官方提供的nvue使用canvas的demo。
- 在hbuilderx中的运行>运行到手机或模拟器>制作自定义基座（android）
- 成功后再使用自定义基座运行app
预期结果：
能正常渲染canvas内容
能正常渲染canvas内容
实际结果：
- 直接提示报错。
17:48:50.242 [JS Framework] 当前运行的基座不包含原生插件[gcanvas]，请在manifest中配置该插件，重新制作包括该原生插件的自定义运行基座
17:48:50.273 TypeError: Cannot read property 'enable' of undefined
- 直接提示报错。
17:48:50.242 [JS Framework] 当前运行的基座不包含原生插件[gcanvas]，请在manifest中配置该插件，重新制作包括该原生插件的自定义运行基座 17:48:50.273 TypeError: Cannot read property 'enable' of undefined
bug描述：
自定义基座提示“[JS Framework] 当前运行的基座不包含原生插件[gcanvas]，请在manifest中配置该插件，重新制作包括该原生插件的自定义运行基座”。
但是在标准基座下运行又是可以的。
