Questions tagged «antialiasing»

我一直在使用CSS3转换来旋转网站中带有边框的图像和文本框。 问题在于，Chrome中的边框看起来像锯齿状，就像没有抗锯齿功能的（低分辨率）游戏一样。在IE，Opera和FF中，它看起来好多了，因为使用了AA（仍然清晰可见，但还不算太糟）。我没有Mac，因此无法测试Safari。 旋转后的照片和文字本身看起来很好，只有边框看起来参差不齐。 我使用的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？ 下面的例子：

193 google-chrome  css  transform  antialiasing 

我在网站上使用了定制的Web字体。为了设置渲染输出的样式，我使用了以下代码： //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; 在Safari和Chrome上运行良好（边缘更锐利，线条更细）。有什么方法可以在Firefox和Opera上实现相同的样式吗？

112 css  fonts  webfonts  antialiasing 

我在玩<canvas>元素，画线等。 我注意到我的对角线是抗锯齿的。我希望自己的工作看上去比较粗糙-有什么办法可以关闭此功能？

85 javascript  html  canvas  antialiasing 

请看下面的例子： http://jsfiddle.net/MLGr4/47/ var canvas = document.getElementById("canvas"); var ctx = canvas.getContext("2d"); img = new Image(); img.onload = function(){ canvas.width = 400; canvas.height = 150; ctx.drawImage(img, 0, 0, img.width, img.height, 0, 0, 400, 150); } img.src = "http://openwalls.com/image/1734/colored_lines_on_blue_background_1920x1200.jpg"; 如您所见，尽管据说drawImage自动应用了抗锯齿，但该图像并未抗锯齿。我尝试了许多不同的方法，但是似乎没有用。您能告诉我如何获得抗锯齿图像吗？谢谢。

81 html  canvas  html5-canvas  interpolation  antialiasing