<template>
<view><canvas canvas-id="myCanvas" style="width: 500px;height:500px;background-color: azure;"></canvas></view>
</template>
<script>
export default {
data() {
return {};
},
onLoad() {
this.testCtx();
},
methods: {
testCtx() {
const ctx = uni.createCanvasContext('myCanvas', this);
// const ctx = uni.createCanvasContext('myCanvas');
ctx.setFontSize(20)
ctx.fillText('Hello', 20, 20)
ctx.fillText('MINA', 100, 100)
ctx.draw()
}
}
};
</script>
<style></style>
y***@163.com
- 发布：2022-07-11 10:19
- 更新：2022-07-11 10:21
- 阅读：582
产品分类： uniapp/App
PC开发环境操作系统： Windows
PC开发环境操作系统版本号： 21H1
HBuilderX类型： 正式
HBuilderX版本号： 3.4.18
手机系统： Android
手机系统版本号： Android 11
手机厂商： OPPO
手机机型： OPPO FINX X2
页面类型： vue
vue版本： vue2
打包方式： 云端
项目创建方式： HBuilderX
示例代码：
操作步骤：
复制的官方文档uni.createCanvasContext示例代码
复制的官方文档uni.createCanvasContext示例代码
预期结果：
图片上填充文本
图片上填充文本
实际结果：
图片上未填充文本
图片上未填充文本
bug描述：
使用uni.createCanvasContext填充文本无法显示
y***@163.com (作者)
谢谢，原来是这个问题
2022-07-11 10:27