liuxy
liuxy
  • 发布:2019-05-17 11:28
  • 更新:2019-05-17 11:28
  • 阅读:3029

【报Bug】关于Canvas fillText 在在画布上绘制被填充的文本的接口,绘制文本位置不准确的bug

分类:uni-app

详细问题描述

当我使用fillText 接口按照文档在canvas上尝试绘制文字的时候,发现文字并没有出现在文档描述的位置上,而是出现在了不正确的位置,Y轴坐标并不是像文档说的那样:绘制文本的左上角y坐标 ;复现过程如下:

[内容]

重现步骤

[步骤]

  1. 我将canvas的高设置为50px,字体大小为50px,然后开始绘制文字,x,y坐标均设置为0
    context.fillText(this.lists[i], 0, 0);//文字

并没有像我想象的那样出现在canvas中,而是下面这样的,
坐标0,0

然而当我把绘制时的y值加大,文字出现了

context.fillText(this.lists[i], 0, 50);//文字

这次是这样的,显示还是不完整:

坐标0,50

[期望]
期望Y轴为文本左上角

y值准确的说应该是基线的Y坐标,所以基线的坐标要如何确定呢?

IDE运行环境说明

[IDE版本号]
HBX1.9.7
[windows版本号]
win7

uni-app运行环境说明

[运行端是h5或app或某个小程序?]
app

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

App运行环境说明

[Android版本号]
安卓7.1

2019-05-17 11:28 负责人:无 分享
已邀请:

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