问题标签 [font-scaling]
For questions regarding programming in ECMAScript (JavaScript/JS) and its various dialects/implementations (excluding ActionScript). Note JavaScript is NOT the same as Java! Please include all relevant tags on your question; e.g., [node.js], [jquery], [json], [reactjs], [angular], [ember.js], [vue.js], [typescript], [svelte], etc.
android - 在 Android 7 上实现 androidx 生物识别库后字体缩放不起作用
在运行 Android 7 的设备上从 androidx 实现生物识别库后,我的应用程序出现问题。在我的主应用程序中更改手机的辅助功能设置中的字体大小并且应用程序中的文本大小没有改变时,问题开始于我的主应用程序. 查明问题后,我创建了一个带有单个“hello world”活动的虚拟应用程序,我发现即使仅通过在 app.gradle 中声明库的依赖关系,也会重现该错误。这是活动的 xml:
这是 build.gradle:
值得一提的是,如果我删除 androidx 生物识别的依赖项,字体缩放工作没有任何问题,但只要我添加依赖项,更改字体大小对应用程序中的字体大小没有影响。
从我在主应用程序中注意到的情况来看,我认为它与应用程序上下文和应用程序资源有关,但我无法弄清楚问题是什么。我已经在带有 Android 7 的 HTC 10 和带有 API 24 的模拟器上进行了测试。值得一提的是,字体缩放适用于 Android 9 和 10。
有什么我想念的吗?
谢谢你。
javascript - 在 d3.js 中将可变大小的文本放入半圆形的最佳方法?
我目前正在 d3.js 中进行可视化,目标是可视化数据相似性。我希望通过为每个节点创建两个半圆并将比较数据放在这些半圆内来比较我的数据。我的数据由字符串组成(每个半圆接收一个句子)。
我目前的方法如下:
首先,我使用pack-layout创建我必要的节点数据。
d[2] 是被放入半圆的两个句子的最大字符串长度,因此决定了圆的半径。
接下来,我遍历每个节点并创建相应的半圆。我已经删除了所有与我的问题无关的代码部分。
如您所见,我使用 d3 的弧线绘制半圆。现在这就是我的问题出现的地方。我在将文本内容放在弧内时遇到了麻烦,所以在搜索了一段时间后,我选择了这个解决方案,将一个 div 放在我的半圆内,然后接收文本。sqrt(2) 操作用于将正方形拟合到半圆中。
我对这个解决方案的问题是,有时,句子根本不适合 div 并且某些内容会丢失。有没有办法计算必要的字符串的字体大小,以便它适合给定大小的 div?如果可能的话,我可以简单地计算适当的字体大小并为可视化添加缩放选项。此外,如果有更好的方法来实现我想要做的事情,我也很乐意从你们那里得到一些反馈,因为在使用 d3 时我是一个完整的初学者。
fonts - 字体的一个字形没有相应地缩放
我正在使用一种字体(不是我的)通过代码在图像上写东西。
尽管每个字形都可以很好地相互缩放,但一个字形却不能(在这种特殊情况下,数字 2)。
与其他字形(左上角)相比,数字 2 的比例不同。
我不太了解字体的工作原理,但我尝试在字体编辑软件中打开它。
但是,我没有注意到数字 2 和其他字形之间有任何显着差异(乍一看)。
任何帮助将不胜感激。谢谢!
html - 在根级别使用时,rems 和 ems 是否等效?
从这个答案中,我看到rem
了规范中的定义:
单位
等于
font-size
根元素上的计算值。当在font-size
根元素的属性中指定时,或在没有根元素的文档中,1rem
等于该font-size
属性的初始值。
的定义em
是:
单位
等于
font-size
使用它的元素的属性的计算值。
对我来说,这意味着1em == 1rem
根据定义,当使用 at 时:root
。
我对么?
flutter - 如何根据屏幕特性确定 PageView 小部件的每个页面(子)上可以容纳的文本量?
我正在开发代表游戏本的移动应用程序。它包含剧集,每集都由一页或多页文本构成。对于每一集,我对每个页面都使用带有子列(带有嵌套文本和 RichText)的 PageView。屏幕方向锁定在 PortraitUp 和 textScaleFactor - 在 1.0。我用这种方法发现的问题与移动设备的不同屏幕特性有关:
- 我需要确定 PageView 的每个子项的文本量。但是有多少文本不会在较小的屏幕上溢出?到目前为止,我的方法是在分辨率接近 360 x 640 逻辑像素的相对较小的设备上进行测试,并在文本下方留出一些额外的空间。此外,我可以使 PageView 的每一页都可滚动,从而完全防止溢出,但我认为这会产生糟糕的用户体验。
- 我使用适合具有上述分辨率的设备的字体大小。但在相当大的屏幕上,它看起来并不漂亮。
那么,有没有好的方法来确定在 PageView 的每个页面上放置多少文本并根据移动设备大小和屏幕特性缩放字体大小?另外,如果有人提出更好的方法来用 Flutter(使用不同的小部件)编写这种类似书本的移动应用程序,我将不胜感激。
谢谢你的时间。
ios - UIAlertController 不调整字体
我需要根据用户提供的动态类型设置更改标签字体。我按照这个文档https://developer.apple.com/documentation/uikit/uifont/scaling_fonts_automatically
它适用于标签和文本字段。对于 UIAlertController,只调整了按钮字体,标题和消息字体保持不变。是否可以在 UIAlertcontroller 中制作标题和消息以根据用户偏好调整字体?
react-native - 如何在反应原生文本组件中只允许正字体缩放
Android 和 iOS 具有适用于字体大小的 OS-Accessibility-Settings。
我知道,通常我们不想阻止这个,但是:
- 当文本已经相当大时,我想阻止进一步积极的字体缩放和
- 当它已经相当小时,我想阻止负字体缩放。
allowFontScaling={false}
我们可以通过添加作为道具来完全禁用 React Native 组件上的字体缩放。我们也可以使用例如限制/阻止正字体缩放maxFontSizeMultiplier={1.2}
。
有没有办法只允许正字体缩放和阻止负字体缩放?
我试过了minimumFontScale
。但是,此道具仅在我们使用adjustsFontSizeToFit
不是我的用例时添加。
我很乐意提供任何帮助-谢谢:-)
c# - 如何将 UIContentSizeCategory 转换为数字字体比例值?
概括
我有我在 SkiaSharp 画布上绘制的文本,该画布不会自动调整为 iOS 中的较大可访问性大小设置。我想在绘制时根据用户的设置缩放字体,但我不知道如何将 UIContentSizeCategory 转换为数值。有没有办法将 UIContentSizeCategory 值转换为数值?
细节
用户可以通过转到设置->显示和文本大小->更大的文本-> 启用更大的辅助功能大小并将滑块向右拖动来更改其 iPhone 上的字体比例。
与此滑块匹配的值可按如下方式获得(在 Xamarin C# 中)
不幸的是,我看不到将这个枚举值转换为比例值的方法,例如1.5
.
我想要一个数值来在单独的渲染系统中乘以我的文本渲染(在这种情况下是 SkiaSharp,但它可以是其他任何东西,比如游戏)。我还需要调整 SkiaSharp 中的布局以适应更大的字体。
我知道这可以在 Xamarin Android 上使用以下代码:
Xamarin iOS 中是否有同等价值?