s***@soian.com
s***@soian.com
  • 发布:2019-08-06 17:03
  • 更新:2020-06-28 16:29
  • 阅读:1165

【报Bug】createCanvasContext的绘制文字在小米9上面只能调用一次fillText

分类:uni-app

详细问题描述

在小米9手机上,运行下面的代码。只会显示hello字样,不会显示下面的,其他手机没有问题,(小米6,iPhone6是,iPhone8,华为p30都没有发现问题),这段代码是uni-app官网上的示例代码。
const ctx = uni.createCanvasContext('myCanvas')
ctx.setFontSize(20)
ctx.fillText('Hello', 60, 60)
ctx.fillText('MINA', 100, 100)
ctx.draw();
(DCloud产品不会有明显的bug,所以你遇到的问题大都是在特定环境下才能重现的问题,请仔细描述你的环境和重现方式,否则DCloud很难排查解决你的问题)

[内容]

重现步骤

[步骤]

[结果]

[期望]

[如果语言难以表述清晰,拍一个视频或截图,有图有真相]

IDE运行环境说明

[HBuilder 或 HBuilderX。如果你用其他工具开发uni-app,也需要在此说明]
HBuilderX 2.1.3.20190723
[IDE版本号]

[windows版本号]
windows 7 64位
[mac版本号]

uni-app运行环境说明

app端,非自定义模式
[运行端是h5或app或某个小程序?]

[运行端版本号]

[项目是cli创建的还是HBuilderX创建的?如果是cli创建的,请更新到最新版cli再试]

[编译模式是老模板模式还是新的自定义组件模式?]

App运行环境说明

[Android版本号]
小米9的版本号是android 9

小米6 版本号android 8

[iOS版本号]
iPhone 8 12.3.1系统
[手机型号]
小米 iPhone
[模拟器型号]

附件

[IDE问题请提供HBuilderX运行日志。菜单帮助-查看运行日志,点右键打开文件所在目录,将log文件压缩成zip包上传]

[App问题请提供可重现问题的代码片段,你补充的细一点,问题就解决的快一点]

[App安装包或H5地址]

[可重现代码片段]
<template>
<view>
<canvas canvas-id="myCanvas"></canvas>
</view>
</template>

<script> export default { data() { return { } }, methods: { }, onLoad() { const ctx = uni.createCanvasContext('myCanvas') ctx.setFontSize(20) ctx.fillText('Hello', 60, 60) ctx.fillText('MINA', 100, 100) ctx.draw(); } } </script> <style> </style>

联系方式

1462103222
[QQ]

2019-08-06 17:03 负责人:无 分享
已邀请:
s***@soian.com

s***@soian.com (作者)

我确认再三是有问题的,忘官方确认一下

1***@163.com

1***@163.com

直接按照官网的demo事例写的话,在hx内置浏览器中和微信小程序中第二个fillText中的内容也不会显示,当给这个方法设置一个延迟的话,这两个平台会显示,但是在这个型号的android系统中还是不会显示,第一个fillText后的所有调用这个方法都不会调用成功

1***@163.com

1***@163.com

这个是官网上的事例代码,在小米9上面第一个fillText之后的内容都不会显示

DCloud_UNI_GSQ

DCloud_UNI_GSQ

HBuilderX 2.7.11+ 已修复

该问题目前已经被锁定, 无法添加新回复