Canvas.drawText（）时，文字基线baseline的计算

最新推荐文章于 2025-02-28 15:41:09 发布

非科班选手

最新推荐文章于 2025-02-28 15:41:09 发布

阅读量6.8k

点赞数 4

文章标签： Canvas.drawText baseline

本文链接：https://blog.csdn.net/xuxingxing002/article/details/50971606

版权

文字的范围是asent的高度加上desent的高度，所以我们只要让文字上边界与top线的距离跟下边界与bottom线的距离相等即可，然后baseline的Y坐标就是文字上边界与top线的高度加上ascent的高度即可（注：baseLine以上为负，以下为正）

// 计算文字BaseLine
float textBaseY = height/2+(Math.abs(paint.ascent())-paint.descent())/2;
canvas.drawText(nameFirstChar, width / 2, textBaseY, paint);
viewHolder.iv_avatar.setImageBitmap(CommonMethod.toRoundCorner(bitmap, width));

确定要放弃本次机会？

福利倒计时

: :

立减 ¥

普通VIP年卡可用

立即使用

非科班选手

关注关注

4
点赞
踩
3

收藏

觉得还不错? 一键收藏
1
评论
分享

复制链接

分享到 QQ

分享到新浪微博

扫一扫
举报

举报

canvas文本属性-textBaseline-垂直对齐

caoxinjian423的博客

11-06

1521

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>canvas文本属性textBaseline</title> <style> bod.

Android高级进阶——绘图篇（二）Canvas绘制文本 drawText详解

AkaiC的博客

04-22

2万+

开篇上篇介绍了 Canvas 的基本操作，绘制圆、矩形、椭圆、弧等，Canvas 除了这些操作还有两个比较重量级的绘制能力 Text(文本)和 Path(路径)，今天就先看一下 Text 的绘制先看一下 Paint 对于 Text 都提供了那些设置吧： Paint 对于 Text 的相关设置普通设置 paint.setStrokeWidth(5)：设置画笔宽度 p...

1 条评论您还未登录，请先登录后发表或查看评论

Android文字基线Baseline算法的使用讲解

08-26

今天小编就为大家分享一篇关于Android文字基线Baseline算法的使用讲解，小编觉得内容挺不错的，现在分享给大家，具有很好的参考价值，需要的朋友一起跟随小编来看看吧

关于DrawText的基准线纵坐标的计算

Android_Ape

08-02

941

我们在自定义View的时候经常会用到drawText 这个函数来绘制文本，它绘制文本的时候有点特别，是以基准线为准来绘制的，通常在对齐居中的时候要计算下它的纵坐标，这里小结下。如上图标注，通常用FontMetrics的top, bottom变量就可以算出基准线的坐标。top是相对于BaseLine偏移量，因为它在基准线上面，所以为负数，bottom是相对于

深入理解Canvas中的textAlign和textBaseline属性

最新发布

红衣大叔

02-28

1119

在使用HTML5 Canvas绘制文本时，精确控制文本的位置是非常重要的。HTML5 Canvas提供了两个关键属性——textAlign和，它们分别用于控制文本的水平对齐方式和垂直对齐方式。本文将详细介绍这两个属性的作用、用法以及一些实际应用示例。

android在drawText时候，计算baseline

jinshitou2012的专栏

08-06

706

Paint类的内部类FontMetrics类，有5个属性：注意：没有baseline属性。如何计算： 2种方式计算中线到bottom的距离： (ascent+descent)/2 = descent+中线到baseline的距离公式推导：中线到baseline的距离 =(ascent+descent) / 2 -descent 由于ascent是负值，所以：中线到baseline的距离 =(descent - ascent) / 2 -descent int...

【Android 应用开发】Canvas 绘制文字 ( 文字尺寸测量 | 基线绘制 )

让学习成为一种习惯 ( 韩曙亮の技术博客 )

03-09

2573

I . 文字尺寸测量 II . 基线绘制

Android Canvas drawText文字居中的一些事（图解）

08-26

这些变量的值都代表着不同的坐标位置，例如 top 代表从基线向上绘制区域的最高点，ascent 代表单行文本，从基线向上绘制的推荐最高点，baseline 代表基线，descent 代表单行文本，从基线向下绘制的推荐最低点，...

Android文字基线BaseLine详解

weixin_39877109的博客

11-23

2507

我们在绘制自定义文字的时候通常会用到这个方法： canvas.drawText(text, x, y, paint); 其中参数： text：要绘制的文字 x：要绘制文字的X坐标（已屏幕原点为坐标系（上图A坐标系）） y：BaseLine所在的y坐标，许多人理解这个y为绘制文字区域的底部坐标，这是不正确的，这个y代表的是A坐标系中0-baseLilne的高度 paint：画笔，设置文字大小颜色等属性先上一张图如上图红色方框所示，文字在绘制的时候，会根据当前的字体，字体大小等信息，确认Leading，

[Android] drawText 位置如何计算

weixin_34406086的博客

12-23

413

通常情况下，我们自定义view的时候会经常绘制文字，但是在绘制文字的时候有不少注意点，不然可能绘制的效果和我们所期望的还是不一样。如何获取文字的宽度 Rect textBounds = new Rect(); textPaint.getTextBounds(text, 0, text.length(), textBounds); int textWidth = textBounds.getWid...

Canvas DrawText详解_canvas

2401_85012446的博客

05-16

1888

↑ 这里没有贴错图哦再附上一张图，应该能更清楚地表达：这是为什么？为什么其它的方法，都是以左上角作为基准点的，而drawText()却是文字左下方？先别觉得日了狗，这种设计其实是有道理的。drawText()参数中的y，指的是文字的****的位置。也就是这条线：众所周知，不同的语言和文字，每个字符的高度和上下位置都是不一样的。要让不同的文字并排显示的时候整体看起来稳当，需要让它们上下对齐。但这个对齐的方式，不能是简单的「底部对齐」或「顶部对齐」或「中间对齐」，而应该是一种类似于「重心对齐」的方式。

canvas 基础知识整理02

觅_的博客

08-14

275

文本的属性字体：font 水平居中：textAlign 垂直对齐：textBaseline 字体：font canvas里的font属性和css的font属性是一样的，它可以设置文本的粗细、字号、字体等。水平居中：textAlign textAlign=start textAlign= left textAlign=end textAlign=rignt textAlign=center start 和end 会受html的dir属性影响。垂直对齐：textBaseline alphabetic

自定义控件之绘图篇（五）：drawText()详解

热门推荐

启舰

12-29

7万+

前言：但行好事，莫问前程。只需努力每一天。相关文章：《Android自定义控件三部曲文章索引》: http://blog.csdn.net/harvic880925/article/details/50995268 long long ago，有讲过有关Canvas绘图的系列知识，当时着重在基本绘图要领和canvas的保存与回退上，对drawText没有细讲，但DrawText这...

Android文字基线Baseline算法的使用讲解，记录一次腾讯Android岗面试笔试总结

m0_61549953的博客

03-28

734

网上学习 Android的资料一大堆，但如果学到的知识不成体系，遇到问题时只是浅尝辄止，不再深入研究，那么很难做到真正的技术提升。同时我还搜集整理2020年字节跳动，以及腾讯，阿里，华为，小米等公司的面试题，把面试的要求和技术点梳理成一份大而全的“ Android架构师”面试 Xmind（实际上比预期多花了不少精力），包含。我们看到，如果文字的上方有一些特殊的符号，比如上图中的~或者是我们汉语拼音中的声调时，文字区域又会多出一部分Leading。paint，画笔，设置的文字的大小颜色等属性。

Android: 关于Canvas.drawText

欧阳天涵的专栏

04-15

580

关于Text的大小测量还好说，如下图。关于drawText确实是一个头疼的问题，这里暂时记下，以后会整理贴出。

5个文本分类baseline基线模型,无报错运行songyingxin/TextClassification

专注“目标检测”领域技术分享

03-15

1417

songyingxin/TextClassification这个项目实现了九个模型的文本分类。本文从配置环境开始，一步步讲解了应该如何操作，后面才可以把代码运行起来。其中包括，（1）每一个package应该装哪个版本的。repo的作者仅仅讲了python的小版本号以及pytorch的版本号，其实其他package的版本过高也会引发报错。（2）训练的数据集和词向量embedding文件从哪个网站下载，应该放到什么位置去。（3）char level的训练应该如何生成训练所需的指定格式的数据集文件

Android绘制文本之获取宽高笔记

热爱技术

07-05

1万+

在自定义View的需要绘制文字时候，经常要考虑到文本的中心位置，这就需要计算并获取整个文本的宽度和高度，为了以后的使用方便，故这里记录一下。我们先看图了解一下字体基准线：上面所有的属性都被封装在FontMetrics类中,通过它可以获取并计算文本的宽高，大体翻译一下，可能不准确。 public static class FontMetrics { /** *

painter->drawText如何竖着，文字水平，坐标垂直

11-16

在绘画或图形处理中，如果你想要使用`painter.drawText()`函数将文本竖直排列，使其内容水平显示，而坐标是垂直方向的，你需要调整文本的布局方向以及绘制的位置。在大多数图形库中，包括Java的`Graphics2D`或Android的`Canvas`，通常都有设置文本旋转的方法。例如，在Java的`Graphics2D`中，你可以这样做： ```java Graphics2D g = (Graphics2D) painter; FontMetrics fm = g.getFontMetrics(); // 获取字体信息 // 定义文本的起始位置，x为水平坐标，y为垂直坐标 int x = horizontallyAlignedX; // 水平位置 int y = verticallyAlignedY; // 垂直位置，这里你想让文本从顶部开始 // 设置文本的方向为从左到右，然后按照给定的y值绘制 g.rotate(Math.PI / 2); // 逆时针旋转90度，使得文字水平 g.drawString(text, 0, y - fm.getHeight()); // 文本从顶部开始绘制，高度减去font metrics的高度是因为旋转后需要调整文本基线 ``` 在Android的`Canvas`中，做法类似： ```kotlin val canvas = painter.canvas val paint = Paint().apply { textDirection = TextDirection.LTR // 确保文本从左到右 } val baseline = canvas.textWidth(text) // 计算文字宽度作为水平位置 canvas.translate(0, verticallyAlignedY) // 将坐标系向上移动 canvas.rotate(45f) // 旋转45度 canvas.drawText(text, 0f, 0f, paint) // 文字从原点开始，实际会相对于新坐标系绘制 ```