问题标签 [antialiasing]

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 投票
1 回答
6568 浏览

css - IE8 - 字体抗锯齿奇怪的行为(带打印。示例)

作为每个网络开发人员,我已经厌倦了 Internet Explorer……我正在开发一个新网站并使用 font-face(问题可能不相关,但以防万一……):

我面临的问题与抗锯齿/字体平滑有关...它在每个浏览器中都可以正常工作,但 IE8 (我不关心旧版本)...更复杂一点,它适用于某些标题,但在某些标题中却失败了.. 我可以保证元素共享相同的类,正如您在我的示例中看到的那样高分辨率图像在这里..

替代文字

CSS类:

我试图将它从“px”更改为“pt”,但它并没有解决我的问题......

[编辑] 我删除字体和 Arial 问题仍然是一样的...... [/编辑]

你有什么想法?或者关于这个问题的一些评论......


提前致谢,

佩德罗

0 投票
1 回答
1494 浏览

c# - 如何向 OpenGL 询问图形设备 Capabilities(texture2DArray,支持的抗锯齿模式)

我们正在使用 OpenTK、C# 和 Visual Studio 2010。我们需要询问图形设备是否支持 texture2DArray,以及它可能支持哪些抗锯齿模式。任何帮助将不胜感激。

0 投票
1 回答
3228 浏览

c - 使用 cairo 平滑字体

我正在尝试使用抗锯齿平滑文本渲染。但它不是抗锯齿的。

http://tinypic.com/r/2h7dy1i/4

第一行是使用 pango 和 cairo 创建的 png 图像。第二行只是一个 html<span>标签。它在 Firefox、Ubuntu 和 Gnome DE 中。如果您比较两行之间的“W”和“v”,则可以更好地理解差异。

负责绘制文本的代码可以在http://pastie.org/1073683上找到。 字体选项设置在第 17 行和第 20 行,如下所示:

谁能告诉我如何使这两条线看起来一样?

0 投票
8 回答
37852 浏览

css - Windows 和 Mac 上的@font-face 抗锯齿

我使用http://www.fontsquirrel.com/创建了一个 @font-face 工具包。
它工作正常,但 windows 上的结果与 mac 上的结果不同。
在 Windows 上,字体似乎有错误的抗锯齿:
Mac 上的字体这是在 Mac 上使用 FF、Chrome 或 Safari(均已更新到最新版本)的结果。
Windows 上的字体这是带有 FF 或 Chrome 的 Windows 上的结果。

如您所见,结果并不相同。在 Windows 上,字体更粗更粗。
我该如何解决这个问题?

0 投票
1 回答
167 浏览

fonts - 在图像上渲染生成的文本时资源管理器字体抗锯齿错误

我正在使用 JQuery 加载带有一些文本的 JPEG 图像(作为 css 背景)。

文本在除 Explorer(XP 上的 6 和 7,W7 上的 8)之外的所有浏览器中都能很好地呈现,其中抗锯齿透明度是针对黑色而不是图像完成的。

如果我直接在 HTML 中加载图像和文本,它工作正常,所以只有在使用 Javascript 动态更改文本和图像时才会出现问题。

渲染文本时如何让资源管理器知道背景图像?

0 投票
2 回答
7831 浏览

vim - MacVim:在启用高级渲染的情况下关闭抗锯齿字体

使用 MacVim,我使用大小为 10 的 Monaco 字体,在标准 MacVim 配置下,它没有抗锯齿。当我在 MacVim 首选项(高级选项卡)中打开高级渲染时,Monaco 10pt 现在是抗锯齿的,这不是我想要的。有没有办法在 MacVim 中关闭字体抗锯齿功能?

0 投票
2 回答
14578 浏览

c++ - OpenGL中的抗锯齿

我刚开始使用 OpenGL 编程,我正在构建一个时钟应用程序。我希望它看起来像这样简单:http: //i.stack.imgur.com/E73ap.jpg

但是,我的应用程序看起来非常“非抗锯齿”:http: //i.stack.imgur.com/LUx2v.png

我尝试了红皮书中提到的 GL_SMOOTH_POLYGON 方法。然而,这似乎并没有做任何事情。

我正在使用带有英特尔集成显卡的笔记本电脑。该卡不支持GL_ARB_multisample 之类的东西。

在这一点上,我有哪些选项可以让我的应用看起来抗锯齿?

0 投票
4 回答
5119 浏览

css - @font-face alias issues on PC

Just started using this technique and am having strange results on the PC side. Virtually every browser I preview this site in on a PC makes the font look totally horsey. Example:

On the Mac:

http://dropbox.smallparade.com/howto-mac.png

On a PC:

http://dropbox.smallparade.com/howto-pc.png

Anyone have experience with this issue? Is there a resolution? Does it have anything to do with how the fonts were created? Appreciate any help I can get. I used the font-face generator over at fontsquirrel.com.

0 投票
1 回答
779 浏览

actionscript-3 - ActionScript - 动态文本的屏蔽父级删除抗锯齿?

将蒙版添加到具有动态文本字段的父精灵时,文本会失去抗锯齿。我怎样才能保持文本的抗锯齿,同时仍然对其父级应用蒙版,然后对其自身应用蒙版。

字体是嵌入的,并且文本字段将被动画化,因此它也必须与其父级一起被屏蔽。

替代文字

0 投票
1 回答
1921 浏览

asp.net - 使用 DrawString 方法 (ASP.NET) 渲染图像的丑陋

我想在 ASP.NET 中将一些文本呈现为图像。它运行良好,但即使我通过更改图形 TextRenderingHint 选项打开 AntiAlias(或 ClearType),文本也会变得非常难看(文本周围有灰色像素)。

以下是相关代码:

这里是生成图像的链接(缩放):

在此处输入图像描述

未缩放的图像:

在此处输入图像描述

我该如何解决这个问题?