safari 对亚像素计算进行四舍五入
我有一个容器，它在一行中占用 829 像素，并且具有相同大小的背景图像. 我在该容器中有一个 div，它根据 829px 容器计算其宽度.在 safari 上，div 的宽度大约为 173.8px，但由于 safari/webkit 向下舍入，它被截断并变为 173px 的宽度. 这个 829px 的容器在同一行有 3 个内联的 div.第一个div，1px丢失，第二个，2px丢失，到
..
subpixel相关内容
使用 Graphics2D 使用亚像素级精度绘制图像
我目前正在尝试像在电子游戏中一样以正常速度在屏幕上绘制图像. 不幸的是，由于图像移动的速度，有些帧是相同的，因为图像还没有移动一个完整的像素. 有没有办法为 Graphics2D 提供 float 值以在屏幕上绘制图像，而不是 int 值? 最初这是我所做的: BufferedImage srcImage = sprite.getImage();位置 imagePosition
..
在 Canvas 上绘制的文本抗锯齿效果不佳
我正在 Canvas 上绘制文本，但对抗锯齿的质量感到失望.据我所知，浏览器不会对 Canvas 上的文本进行亚像素抗锯齿处理. 这是否准确? 这一点在 iPhone 和 Android 上尤为明显，其中生成的文本不像其他 DOM 元素呈现的文本那么清晰. 对于在 Canvas 上输出的高质量文本有什么建议吗? 乔伯特 解决方案 我的回答来自这个链接，也许它会帮助别
..
HTML5 画布元素上的亚像素抗锯齿文本
我对画布元素抗锯齿文本的方式有些困惑，希望大家能提供帮助. 在下面的屏幕截图中，顶部的“Quick Brown Fox"是是一个 H1 元素，底部是一个带有文本渲染的画布元素.在底部，您可以看到并排放置并放大的两个“F".注意 H1 元素如何与背景更好地融合: 这是我用来渲染画布文本的代码: var canvas = document.getElementById('canvas'
..
动画 CSS 背景位置具有平滑的结果(子像素动画)
我正在尝试缓慢地为 div 的背景位置设置动画，但没有生涩的运动.你可以在这里看到我目前努力的结果: http://jsfiddle.net/5pVr4/2/ @-webkit-keyframes MOVE-BG {从 {背景位置:0% 0%}到 {背景位置:187% 0%}}#内容 {宽度:100%；高度:300px；背景:url(http://www.gstatic.com/webp/
..
禁用 html/css 边框上的子像素混叠
我正在使用 css transform:scale 来放大一些元素，现在边框，原来是 1px 纯黑色，得到一些子像素渲染 - '抗锯齿' - 因为它们现在是 1.4px 什么的.它的确切外观取决于浏览器，但在所有现代浏览器上都是模糊的. 我可以禁用某些元素的子像素渲染吗? 解决方案 在使用 transform: scale(ratio) 进行缩小时遇到了类似的问题，除了边框会在子像素
..
使用Graphics2D以亚像素级别的精度绘制图像
我目前正在尝试像在视频游戏中一样，以固定的速率在屏幕上绘制图像. 不幸的是，由于图像的移动速度，某些帧是相同的，因为图像尚未移动整个像素. 是否可以为Graphics2D提供float值以在屏幕上绘制图像而不是int值? 最初是我做的: BufferedImage srcImage = sprite.getImage ( ); Position imagePosition
..
SIFT Taylor Expansion确定亚像素位置
我正在尝试实现SIFT，目前我只是想在开始在MATLAB中实现它之前了解它的工作原理，除了可以使用泰勒扩展来计算亚像素精度之外，我对它的理解程度很高: 上面是原始论文中的等式.我对如何应用有一些疑问. 导数是否分别在每个维度上求出，然后将等式应用于x然后是y? 一阶和二阶导数是否也沿sigma轴应用? 我在看以前的实现时已经很累了，但是无法找到他们在哪里实现. 预先感谢
..
子像素在浏览器中的计算和渲染方式有所不同
目的: 我正在与此类似的代码上创建一个组件，其中输入字段具有嵌入式按钮: http://codepen.io/anon/pen/pgwbWG?editors=110 如您所见，按钮的位置绝对是top，并且bottom设置为0，以实现高度为100％的元素. 还要注意的是，文本输入的边框必须保持可见，并且还包裹按钮. 为此，我在 button 中添加了margin: 1px，以
..
JavaFX字体渲染中的字符间距（字距调整）错误（在Linux中）
我已经开始在JavaFX中开发一个应用程序而且我遇到了一个问题，我发现很少有用的信息：Linux中字符之间的间距非常不均匀。我不是在谈论不同角色的宽度，而是在讨论角色之间的空格。 它在普通文本中可见，但下面的例子比正常情况更好地说明了效果文本。看看第一行。前两个字符之间的空格小于第二个和第三个字符之间的空格。这也发生在第六和第七个角色之间以及其他几个角色： Swing没有这个问题，Ja
..
Java - 子像素线精度是否需要AffineTransform？
我之前从未使用过Java绘图方法，因此我决定深入研究并创建一个模拟时钟作为PoC。除了手之外，我画了一个钟面，包括刻度标记，分钟/小时。我使用简单的sin / cos计算来确定圆周线的位置。 然而，我注意到，因为分钟刻度非常短，线条的角度看起来不对。我确定这是因为 Graphics2D.drawLine（）和 Line2D.double（）方法无法用子像素绘制精确度。 我知道我可以绘制
..
有没有办法在Swing中用亚像素精度绘制线条？
之前已经提出过这个问题，但答案并没有解决问题，所以我再问一遍。 有人建议不要使用 g2.drawLine ，而是使用 g2。 draw（line），其中 line 是 Line2D.Double 。但是，正如您从屏幕截图中看到的那样，线仍然被绘制为好像它们以整数像素结束（每组10行完全平行）。 import javax.swing。*; import java.awt。*;
..
你可以在Retina显示屏上使用0.5px的边框吗？
在iPhone 4或iPhone4S上的Mobile Safari上，你有一个0.5px宽的div边框吗？ 解决方案 不同技术概述 ： 半像素边框 border：0.5px solid黑色; 缺点： 仅适用于Firefox和Webkit Nightly。 border-image border-width：1px;
..
IE 11子像素渲染溢出
在Internet Explorer 11上，我有一个子像素呈现问题，导致元素溢出。 stack.imgur.com/SsB4F.png“alt =”子像素渲染错误IE，Chrome，FireFox“> 正如你所看到的，在IE11上，红色部分规格似乎是从底部“偷看”，而在其他两种主流浏览器Chrome和FireFox上看起来还不错。 如果我们放大问题在IE中，我们可以看到发生了什么：
..
HTML：子像素边框
是否可以有一个比1px更薄的边框，并且可以在IE6 +中使用，而不是一个图像，并且可以直观地进行渲染？ 谢谢。 > 解决方案 我想你可以使用像 em 这样的单位来定义边框的宽度，会出现不到1px，并且这将是有效的。然而，就像Will Martin所说的那样，出于显示的目的，它可能会将它整体上或下降到整个像素。
..
使用平滑结果（子像素动画）动画化CSS背景位置
我试图动画的div的背景位置，慢慢，但没有它的动作。您可以在这里查看我目前努力的结果： http：// jsfiddle .net / 5pVr4 / 2 / @ - webkit-keyframes MOVE-BG { from { background-position：0％0％ } 到{ background-position：187％0％ } } b $
..
Web-Kit和子像素值，解决方法？
我注意到Chrome和Safari（Windows）之类的Web-kit浏览器往往会将em值舍入为最接近的像素，而Firefox，IE？歌剧？可以使用子像素值。这通常不是一个大问题，但是当我使用em来精确对齐字母间距或使用文本阴影在不同的客户端解决方案一致的效果，这导致我头痛。看下面的测试用例。 你会看到在FF中，即使最小的字母仍然有一个阴影，而Chrome向下舍入em值为零，前两段没有阴影
..
修复CSS流体网格中的子像素舍入问题
我想创建一个流动的CSS网格，它可以在Firefox和IE8 +，但不能在Safari / Chrome / Opera中，子像素舍入问题变得可见： http://jsfiddle.net/bJKQ6/2/ .column { float：left; width：25％; } 主容器的宽度为100％，如果更改浏览器Safari / Chrome / Oper
..
对子像素计算进行safari舍入
我有一个容器，在一行上占用829px，并且具有相同大小的背景图像。 我有一个div在该容器中计算其宽度基于829px容器。 on safari，divs宽度出来是像173.8像素，但从safari / webkit向下舍入，它的截断，并变成173px的宽度。 这个829px容器在同一行上有3个div。第一个div，1px丢失，第二个，2px丢失，第三个，3个像素丢失，所以第三个div
..
在画布上绘制的文本的抗锯齿性差
我在Canvas上绘制文字，对抗锯齿的质量感到失望。就我已经能够确定，浏览器不做子像素反对在Canvas上的文本。 这是否正确？ 这在iPhone和Android上特别明显，作为由其他DOM元素呈现的文本。 对Canvas的高品质文字提出任何建议吗？ Joubert 解决方案 我的回答来自这个链接，也许它会帮助别人。 http://www.html5rocks.c
..