问题标签 [subpixel]

我对画布元素抗锯齿文本的方式有点困惑，希望大家能提供帮助。

在下面的屏幕截图中，顶部的“Quick Brown Fox”是一个 H1 元素，底部是一个画布元素，上面呈现了文本。在底部，您可以看到两个“F”并排放置并放大。注意 H1 元素如何更好地与背景融合：

这是我用来呈现画布文本的代码：

是否可以以某种方式在画布上呈现文本，使其看起来与 H1 元素相同？为什么它们不同？

在 Flash 中处理文本时，我经常遇到以下问题：

http://www.aino.se/media/i/subpixel.png

这使文本以各种颜色“发光”。有什么好的方法可以避免这种情况吗？它与亚像素渲染有关，但我不确定如何修复它。我尝试了大多数可用的选项。

我以前从未使用过 Java 绘图方法，因此我决定深入研究并创建一个模拟时钟作为 PoC。除了指针之外，我还绘制了一个包含分钟/小时刻度线的钟面。我使用简单的 sin/cos 计算来确定圆周围线条的位置。

但是，我注意到由于分钟刻度线很短，线条的角度看起来不对。我确定这是因为Graphics2D.drawLine()和Line2D.double()方法都不能以亚像素精度绘制。

我知道我可以画出从中心开始的线条并用一个圆圈将其遮住（以创建更长、更准确的线条），但这似乎是一个不雅且昂贵的解决方案。我已经对如何做到这一点进行了一些研究，但我遇到的最佳答案是使用AffineTransform. 我假设我只能使用AffineTransformwith 旋转，而不是必须执行超级采样。

这是以亚像素精度绘制的唯一/最佳方法吗？还是有可能更快的解决方案？

编辑：我已经RenderingHint为Graphics2D对象设置了 a 。

根据要求，这里有一些代码（没有完全优化，因为这只是一个 PoC）：

这是绘图的屏幕截图。可能有点难以看清，但请查看 59 分钟的刻度线。它是完全垂直的。

我在画布上绘制文本，对抗锯齿的质量感到失望。据我所知，浏览器不会对 Canvas 上的文本进行亚像素抗锯齿处理。

这是准确的吗？

这在 iPhone 和 Android 上尤其明显，其中生成的文本不像其他 DOM 元素呈现的文本那样清晰。

关于在 Canvas 上输出高质量文本的任何建议？

茹贝尔

像ClearType这样的亚像素字体渲染显着提高了字体显示分辨率并提高了屏幕可读性。我将如何编程字体的子像素渲染（通常），以及如何在 iPad（iOS 设备上的 C、C++ 或 Objective-C）上实现？iPad 上某些尺寸的字体非常模糊，我知道 iPad 的显示屏可以很好地使用这种技术......

那么，我将如何为 iPad 开发字体渲染引擎（例如，我如何访问子像素？我是否使用 OpenGL？是否存在用 C、C++ 或 Objective-C 编写的开源字体渲染引擎？ Mac OS X？）？

我注意到像 Chrome 和 Safari (Windows) 这样的 Web-kit 浏览器倾向于将 em 值四舍五入到最接近的像素，而 Firefox、IE、? 歌剧？可以使用子像素值。这通常不是什么大问题，但是当我使用 em 精确对齐字母间距或使用文本阴影在不同的客户端分辨率中获得一致的效果时，这让我很头疼。看看下面的测试用例。

你会看到在 FF 中即使是最小的字母也有阴影，而 Chrome 将 em 值向下舍入为零，前两段没有阴影。

编辑这与单位无关。如果将 0.03em 替换为 0.9、0.8、0.7 .. px FF 将显示越来越小的阴影，而当 Chrome 低于 1px 时，它会突然什么也不显示。

是否可以有一个比 1px 更薄的边框并且在 IE6+ 中工作并且不是图像并且在视觉上正确呈现？

谢谢你。

我在使用 OpenCV python 包装器执行以下函数时遇到问题：

如果我在（OSX）上的 iPython 中运行它，我会收到以下错误：

TypeError Traceback（最近一次通话最后）/Users/katherinescott/simplecv-git/SimpleCV/sampleimages/ in () ----> 1 cv.cornerSubPix(grayImg,corners,(11,11),(-1,-1 ),(cv.CV_TERMCRIT_ITER | cv.CV_TERMCRIT_EPS, 10, 0.01))

TypeError：不是一个numpy数组

我已经尝试了将上述对象转换为 numpy ndarray 的几乎所有排列，但无济于事。我的猜测是这个错误存在于术语标准对象中，但我不知道它要求什么。尝试使用 OpenCV Python 包装器执行校准时，有没有其他人遇到过这个问题？我即将开始挖掘源代码，看看我能找到什么。

有没有办法以编程或其他方式为用 Cocoa 编写的单个应用程序禁用亚像素抗锯齿。我可以设置全局用户默认值来设置级别，甚至强制它为外部监视器启用，但我需要一个每个应用程序的解决方案，我也可以分发给其他人。

我有一个需要在屏幕上移动图像的系统。我目前正在使用 png 并将其放置在所需的屏幕坐标处。

由于屏幕分辨率和所需帧速率的结合，一些帧是相同的，因为图像还没有移动一个完整的像素。不幸的是，屏幕的分辨率是不可协商的。

我对亚像素渲染如何平滑边缘有一个大致的了解，但我一直无法找到资源（如果存在）来了解如何使用着色将图像转换小于一个像素。

理想情况下，这可以用于任何图像，但如果只能用于简单的形状，如圆形或环形，那也是可以接受的。