可能重复: 如何在没有抗锯齿的情况下拉伸图像 放大图像时是否有可能禁用抗锯齿function? 现在,我得到了这样的东西: 使用下面的CSS代码: #bib { width:104px;height:104px;background-image:url(/media/buttonart_back.png);background-size:1132px 1360px; background-repeat:no-repeat;} 我想要的是这样的: 简而言之,任何CSS标志都可以在放大图像时禁用消除锯齿,保留硬边缘。 任何JavaScript黑客或类似的也欢迎。 (是的,我知道php和imagemagick也可以做到这一点,但更喜欢基于CSS的解决scheme。) 更新提出了以下build议: image-rendering: -moz-crisp-edges; image-rendering: -moz-crisp-edges; image-rendering: -o-crisp-edges; image-rendering: -webkit-optimize-contrast; -ms-interpolation-mode: nearest-neighbor; 但是,这似乎并不适用于背景图像。
使用iPhone 4,Retina显示器的分辨率非常高,大多数人无法区分像素(据推测)。 如果是这种情况,那么支持Retina显示屏的应用程序是否仍然需要消除锯齿来使字体和图像更stream畅,否则就不再需要这样做了? 编辑:我对更详细的信息感兴趣。 开始赏金。
通常情况下,你会使用像这样的东西: glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA); glEnable(GL_BLEND); glEnable(GL_LINE_SMOOTH); glLineWidth(2.0f); glVertexPointer(2, GL_FLOAT, 0, points); glEnableClientState(GL_VERTEX_ARRAY); glDrawArrays(GL_LINE_STRIP, 0, num_points); glDisableClientState(GL_VERTEX_ARRAY); 它在iPhone模拟器看起来不错,但在iPhone上线条变得非常薄,没有任何反锯齿。 你如何在iPhone上获得AA?
我有一个UIImageView(全画幅和矩形),我旋转与CGAffineTransform。 UIImageView的UIImage填充整个框架。 当图像旋转和绘制时,边缘显得明显锯齿状。 有什么我可以做,让它看起来更好? 这显然不是背景的反锯齿。
我正在玩弄<canvas>元素,绘制线条等。 我注意到,我的对angular线是antialiased。 我更喜欢看看我在做什么 – 有没有办法把这个functionclosures?
我一直在使用CSS3转换旋转图像和文本框在我的网站边框。 问题在于,Chrome浏览器中的边框看起来十分粗糙,就像没有抗锯齿function的(低分辨率)游戏一样。 在IE中,Opera和FF看起来好多了,因为使用了AA(这仍然清晰可见但并不那么糟糕)。 我无法testingSafari,因为我没有Mac。 旋转的照片和文字本身看起来不错,只是看起来锯齿状的边框。 我使用的CSS是这样的: .rotate2deg { transform: rotate(2deg); -ms-transform: rotate(2deg); /* IE 9 */ -webkit-transform: rotate(2deg); /* Safari and Chrome */ -o-transform: rotate(2deg); /* Opera */ -moz-transform: rotate(2deg); /* Firefox */ } 有什么办法可以解决这个问题,例如强迫Chrome使用AA? 示例如下: