52得票6回答
HTML5的画布元素上的亚像素抗锯齿文本

我对画布元素如何反锯齿文本有些困惑,希望你们都能帮忙。 在下面的截图中,顶部的“Quick Brown Fox”是H1元素,而底部的是渲染了文本的画布元素。在底部,您可以看到两个“F”并排放置并放大。请注意,H1元素与背景更加融合: 这是我用来渲染画布文本的代码: var c...

28得票3回答
使用平滑结果(亚像素动画)来动画化CSS背景位置

我想要以缓慢的速度动画化一个div元素的背景位置,但是不希望它有突然的抖动。你可以在这里看到我目前的尝试结果: http://jsfiddle.net/5pVr4/2/@-webkit-keyframes MOVE-BG { from { background-pos...

23得票3回答
RGB子像素渲染用于图形处理?

我想知道是否有任何图形库支持RGB子像素渲染(如ClearType)用于一般图形,而不仅仅是文本。这将使横向分辨率实际上增加三倍,并将图形放置在第三个像素x位置。 虽然我认为这将非常有用,但我在互联网上找不到太多相关信息,除了以下内容: Sub-Pixel Font Rendering W...

23得票2回答
不同浏览器计算和渲染子像素的方式不同

目的: 我正在编写一个类似于 组件,其中输入字段有嵌入式按钮 的代码: http://codepen.io/anon/pen/pgwbWG?editors=110 如您所见,按钮 采用绝对定位,并将 top 和 bottom 设置为 0,以实现100%高度元素。 还要注意的是文本输入框的边框必...

16得票17回答
HTML: 子像素边框

在IE6+中,是否可能有一条比1像素更细的边框,不是图片,并且在视觉上正确呈现? 谢谢。

13得票6回答
Safari在子像素计算上进行向下取整

我有一个容器,在一行上占用了829像素,并且具有相同尺寸的背景图像。 在该容器内,有一个根据829像素容器计算其宽度的div。在Safari浏览器中,div的宽度大约为173.8px,但由于Safari/Webkit会向下取整,因此其被截断为173像素的宽度。 这个829像素容器中有3个d...

12得票2回答
使用SVG防止亚像素渲染。

我目前正在使用SVG,并遇到了瓶颈。 SVG中有一些线条,它们应该随着缩放一起缩放(以便它们保持平衡:例如,100%宽度10像素--> 10%宽度1像素) 我使用以下代码缩放所有 stroke-widths :var svgPath = this._svgContainer.find('s...

11得票4回答
在HTML/CSS边框上禁用子像素抗锯齿

我正在使用CSS的transform:scale来放大一些元素,现在原先为1px solid black的边框因为它们现在是1.4px左右的,所以会有一些亚像素渲染 - "抗锯齿"。它看起来在所有现代浏览器上都有点模糊,但具体如何取决于浏览器。 我能为某些元素禁用亚像素渲染吗?

10得票4回答
使用Graphics2D实现亚像素级别的精度绘制图像

我目前正在尝试像视频游戏一样以固定速率在屏幕上绘制图像。 不幸的是,由于图像移动的速度,有些帧是相同的,因为图像还没有完全移动一个像素。 有没有办法向Graphics2D提供浮点值来绘制图像的屏幕位置,而不是整数值? 最初我所做的是:BufferedImage srcImage = sp...

10得票10回答
在Retina显示屏上,你可以使用0.5像素的边框吗?

在iPhone 4或iPhone 4S上的移动Safari浏览器中,能否设置div元素的边框宽度为0.5像素?