详细问题描述
当我使用fillText 接口按照文档在canvas上尝试绘制文字的时候,发现文字并没有出现在文档描述的位置上,而是出现在了不正确的位置,Y轴坐标并不是像文档说的那样:绘制文本的左上角y坐标 ;复现过程如下:
[内容]
重现步骤
[步骤]
- 我将canvas的高设置为50px,字体大小为50px,然后开始绘制文字,x,y坐标均设置为0
context.fillText(this.lists[i], 0, 0);//文字
并没有像我想象的那样出现在canvas中,而是下面这样的,
然而当我把绘制时的y值加大,文字出现了
context.fillText(this.lists[i], 0, 50);//文字
这次是这样的,显示还是不完整:
[期望]
期望Y轴为文本左上角
y值准确的说应该是基线的Y坐标,所以基线的坐标要如何确定呢?
IDE运行环境说明
[IDE版本号]
HBX1.9.7
[windows版本号]
win7
uni-app运行环境说明
[运行端是h5或app或某个小程序?]
app
[编译模式是老模板模式还是新的自定义组件模式?]
自定义组件
App运行环境说明
[Android版本号]
安卓7.1
0 个回复