【报Bug】canvas 在app上绘制的问题fillText问题

详细问题描述

（DCloud产品不会有明显的bug，所以你遇到的问题大都是在特定环境下才能重现的问题，请仔细描述你的环境和重现方式，否则DCloud很难排查解决你的问题）

[内容]

app端使用fillText绘制文字，我需要绘制一连串文字，文字大小是14px；

[步骤]

context.font = '14px 宋体';  

context.fillText('字体1',10,10);  
context.fillText('字体2',10,10);  

context.draw();

[结果]

只显示 ‘字体1’ 或者 ‘字体2’

[期望]

我期望设置一次字体后两个都显示

IDE运行环境说明

HBuilderX

[IDE版本号]

2.5.1.20200103

[windows版本号]

[mac版本号]

uni-app运行环境说明

app

项目是HBuilderX创建的

老模板模式

App运行环境说明

[Android版本号]

Android 9

[iOS版本号]

[手机型号]

Redmi Note8

[模拟器型号]

附件

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

备注: 如果字体大于等于20px便没有问题，代码如下；

onReady() {  
            let context = uni.createCanvasContext('canvas',this);  
            context.font = '20px STheiti, SimHei';  
            context.fillText('Canvas API中文网', 24, 66);  
            context.fillText('Canvas API中文网', 24, 80);  
            context.fillText('Canvas API中文网', 24, 100);  
            context.draw(true)  

        },

备注: 如果字体需要小于20px，那么每次fillText的话需要设置一次font,代码如下；

onReady() {  
            let context = uni.createCanvasContext('canvas',this);  
            context.font = '19px STheiti, SimHei';  
            context.fillText('Canvas API中文网', 24, 66);  
            context.font = '12px STheiti, SimHei';  
            context.fillText('Canvas API中文网', 24, 80);  
            context.font = '16px STheiti, SimHei';  
            context.fillText('Canvas API中文网', 24, 100);  
            context.draw(true)  

        }

[可重现代码片段]

onReady() {  
            let context = uni.createCanvasContext('canvas',this);  
            context.font = '19px STheiti, SimHei';  
            context.fillText('Canvas API中文网', 24, 66);  
            context.fillText('Canvas API中文网', 24, 80);  
            context.fillText('Canvas API中文网', 24, 100);  
            context.draw(true)  

        },

联系方式

[QQ]

624428121