问题标签 [text-rendering]

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.

0 投票
2 回答
163 浏览

text-rendering - 使用各种 OpenType 功能为 Web 呈现文本

我有一组 OTF 字体文件,我需要通过将文本动态呈现为打开和关闭不同 OpenType 功能的图像来展示字体。文本将由网站用户以类似此处此处的方式输入。

现在,我需要一个能够实现这一目标的图书馆的建议。任何适合 Web 开发的语言都可以(PHP、Python、Ruby 等等)。

目前所有的 OTF 字体都包含 Postscript 轮廓,但如果没有其他选项,我可以将它们转换为包含 TTF 轮廓。

我知道用于 FontForge 的 Python 库,但我仍在寻找其他较轻的选项。

0 投票
0 回答
279 浏览

text - Safari 中的文本渲染错误?

出于某种疯狂的原因,我在 Safari 版本 6.0.3 (8536.28.10) 中工作的网站上的文本中的换行符上显示了这些框(请参阅随附的屏幕截图)

随机文本框

我已经在运行相同版本 Safari 的不同 Mac 上对此进行了测试,但我无法复制该问题。所以,我不确定是什么导致了这个问题。两台 Mac 都运行最新版本的 Mountain Lion。到目前为止,它似乎只出现在一台特定的 Mac 上。该网站上的字体使用了一种名为 Source Sans Pro 的 Google 字体。

0 投票
1 回答
47 浏览

metadata - 使用基本事实元数据渲染文本

我正在研究光学字符识别。在我们的工作中,我们需要自动生成一些渲染的单词图像,并且我们需要渲染单词图像中的每个字符位置(边界)。这个关于渲染图像的元数据称为ground truth。我怎样才能做到这一点?

0 投票
1 回答
725 浏览

firefox - 文字渲染问题

在某些站点中,我遇到了使用 firefox 和其他基于 firefox 的浏览器(如 Palemoon)进行文本渲染的问题

这是一个渲染问题的例子,我有 http://i.stack.imgur.com/KTKI2.png

在谷歌浏览器中,相同的文本是可以的。你知道是什么导致了这个奇怪的问题吗?提前致谢

0 投票
1 回答
839 浏览

ios - iOS中的中文字体渲染

在 UITableViewCell 中渲染中文文本时的结果看起来很糟糕: 表视图

我认为这是因为后备字体呈现行为:语言环境是英语,但我正在呈现简体中文文本。

我认为这种行为是因为系统 Helvetica 只有文本中某些字符的字形。

有什么办法可以设置后备中文字体,以便它在 Helvetica 中呈现英文文本,但在给定字体中呈现具有所有简体字形的中文文本?

0 投票
1 回答
135 浏览

.net - 奇怪的 WPF TextBlock 行为

我有一个TextBlock,如下:

但是,这会呈现为一条垂直线,如下所示:

在此处输入图像描述

我可以执行以下任何操作并按预期呈现:

  • 以任何方式更改文本;
  • 减少填充;
  • 删除水平对齐(或将其设置为默认值,拉伸);
  • 删除文本换行(或将其设置为默认值 NoWrap)。

(背景设置器无关紧要,只是为了表明 TextBlock 似乎正在为文本分配空间。)

任何人都可以对这种看似奇怪的行为有所了解吗?

0 投票
2 回答
2228 浏览

css - 文本渲染在 chrome 中悬停时变得模糊

我在悬停版本 27.0.1453.110 Chrome Mac OS X 时出现文本模糊的问题,但也可能在 Windows 上。

要查看的链接在这里 - http://hqm.gr/jam-for-fun-2013-report - 将鼠标悬停在视频库底部菜单上

谢谢!

0 投票
1 回答
1036 浏览

html - chrome中的CSS文本渲染问题

h3 标签中有内容,但它没有出现在 chrome 浏览器中

查看打印屏幕 在此处输入图像描述

=========

如果我隐藏文本渲染:optimizelegibility 它会出现 看到打印屏幕 在此处输入图像描述

“text-rendering:optimizelegibility”css 属性的作用是什么?为什么这个内容没有出现?

0 投票
1 回答
938 浏览

browser - 为什么像 Chrome 这样的跨平台应用程序不使用 FreeType 来呈现文本?

光看一下 chromium 项目的 issue 列表,很多都是跨平台的文本渲染问题。不得不使用平台的文本渲染系统,并迎合他们各自的特质,我想这是很多工作。

为什么不简单地使用 FreeType 库并完成它呢?FreeType 用于 Linux、iOS 和 Android 等平台。因此,在这些平台上,浏览器无论如何都在使用封装的 FreeType 库。为什么不放弃这种包装,放弃 Windows 和 Mac 上的平台提供的渲染,转而使用纯 FreeType?

我想到的唯一答案是,也许是利用 Windows 和 Mac 提供的渲染提供的硬件加速合成和字形混合。

或者我的另一个答案是,可能是因为 WebKit 是在亚像素抗锯齿专利到期之前移植的,所以获得亚像素抗锯齿文本的唯一方法是使用平台提供的渲染。

这些都是正确的吗?如果不是,那是什么情况?

0 投票
2 回答
65462 浏览

python - 如何将字符串转换为图像?

我一周前开始学习python,想写一个小程序,将电子邮件转换为图像(.png),以便可以在论坛上共享,而不会冒着收到大量垃圾邮件的风险。

似乎 python 标准库不包含可以做到这一点的模块,但我发现它有一个PIL模块(PIL.ImageDraw)。

我的问题是我似乎无法让它工作。

所以基本上我的问题是:

  1. 如何在图像上绘制文本。
  2. 如何创建空白(白色)图像
  3. 有没有办法在不实际创建文件的情况下做到这一点,以便我可以在保存之前在 GUI 中显示它?

当前代码: