Questions tagged [antialiasing]

The technique of minimizing the distortion artifacts when representing a high-resolution image at a lower resolution

In digital signal processing, spatial anti-aliasing is the technique of minimizing the distortion artifacts known as aliasing when representing a high-resolution image at a lower resolution. Anti-aliasing is used in digital photography, computer graphics, digital audio, and many other applications. Anti-aliasing means removing signal components that have a higher frequency than is able to be properly resolved by the recording (or sampling) device. This removal is done before (re)sampling at a lower resolution.

In signal acquisition and audio, anti-aliasing is often done using an analog anti-aliasing filter to remove the out-of-band component of the input signal prior to sampling with an analog-to-digital converter. In digital photography, optical anti-aliasing filters are made of birefringent materials, and smooth the signal in the spatial optical domain. The anti-aliasing filter essentially blurs the image slightly in order to reduce resolution to below the limit of the digital sensor (the larger the pixel pitch, the lower the achievable resolution at the sensor level). See the articles on signal processing and aliasing for more information about the theoretical justifications for anti-aliasing.

(Summarized from http://en.wikipedia.org/wiki/Spatial_anti-aliasing)

886 questions
198
votes
12 answers

css transform, jagged edges in chrome

I've been using CSS3 transform to rotate images and textboxes with borders in my website. The problem is that the border look jagged in Chrome, like a (low-resolution) game without Anti-Aliasing. In IE, Opera and FF it looks much better because AA…
dtech
  • 12,458
  • 11
  • 42
  • 67
113
votes
8 answers

Webfont Smoothing and Antialiasing in Firefox and Opera

I have custom-made web fonts used on my site. To style my rendering output, I used the following code: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; This works fine on Safari and Chrome…
matt
  • 37,699
  • 99
  • 250
  • 390
90
votes
12 answers

Can I turn off antialiasing on an HTML element?

I'm playing around with the element, drawing lines and such. I've noticed that my diagonal lines are antialiased. I'd prefer the jaggy look for what I'm doing - is there any way of turning this feature off?
Blorgbeard
  • 93,378
  • 43
  • 217
  • 263
82
votes
6 answers

Html5 canvas drawImage: how to apply antialiasing

Please have a look at the following example: 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 =…
Dundar
  • 1,283
  • 1
  • 14
  • 22
69
votes
7 answers

HTML5 Canvas and Anti-aliasing

How to turn on the anti-aliasing on an canvas. The following code doesn't draw a smooth line: var context = mainCanv.getContext("2d"); if (context) { context.moveTo(0,0); context.lineTo(100,75); context.strokeStyle = "#df4b26"; …
KRouane
  • 817
  • 1
  • 8
  • 9
63
votes
4 answers

3D CSS transform, jagged edges in Firefox

Similary to "css transform, jagged edges in chrome", same occurs with Firefox on 3D transforms, eg: http://jsfiddle.net/78d8K/5/ (<- remember: Firefox) This time, backface-visibility doesn't help :( Any idea?
abernier
  • 22,855
  • 18
  • 73
  • 103
63
votes
2 answers

Disable antialising when scaling images

Possible Duplicate: How to stretch images with no antialiasing Is it in any way possible to disable antialiasing when scaling up an image ? Right now, i get something that looks like this : Using the following css code : #bib { width: 104px; …
Nils Munch
  • 8,670
  • 11
  • 48
  • 101
62
votes
2 answers

Setting LCD gamma / contrast (IntelliJ IDEA, JDK 8)

I am having trouble with anti-aliased text in IntelliJ IDEA. That thing for some reason ships with its own version of OpenJDK 8. Anyway... sub-pixel aliasing is acceptable with dark-on-bright text: But the gamma is wrong for bright-on-dark…
0__
  • 64,257
  • 16
  • 158
  • 253
59
votes
3 answers

How to apply font anti-alias effects in CSS?

How can we apply Photoshop-like font anti-aliasing such as crisp, sharp, strong, smooth in CSS? Are these supported by all browsers?
Mehar
  • 1,958
  • 3
  • 19
  • 42
55
votes
3 answers

Can I draw with antialiasing on canvas?

Can I draw with anti-aliasing on canvas? I need my circles and line have smooth edges.
Suzan Cioc
  • 26,725
  • 49
  • 190
  • 355
50
votes
4 answers

How do you enable anti aliasing in arbitrary Java apps?

Many Java Apps don't use anti-aliased fonts by default, despite the capability of Swing to provide them. How can you coerce an arbitrary java application to use AA fonts? (both for applications I'm running, and applications I'm developing)
rcreswick
  • 15,505
  • 15
  • 56
  • 69
47
votes
5 answers

Subpixel anti-aliased text on HTML5's canvas element

I'm a bit confused with the way the canvas element anti-aliases text and am hoping you all can help. In the following screenshot the top "Quick Brown Fox" is an H1 element and the bottom one is a canvas element with text rendered on it. On the…
Matt Mazur
  • 929
  • 1
  • 6
  • 22
44
votes
8 answers

Does the Retina display eliminate the need for anti-aliasing?

With the iPhone 4, the Retina display's resolution is so high that most people cannot distinguish the pixels from one another (supposedly). If this is the case, do apps that support the Retina display still need anti-aliasing to make fonts and…
Jake
  • 4,489
  • 2
  • 31
  • 44
39
votes
7 answers

OpenGL ES iPhone - drawing anti aliased lines

Normally, you'd use something like: glBlendFunc(GL_SRC_ALPHA, GL_ONE_MINUS_SRC_ALPHA); glEnable(GL_BLEND); glEnable(GL_LINE_SMOOTH); glLineWidth(2.0f); glVertexPointer(2, GL_FLOAT, 0,…
quano
  • 17,702
  • 24
  • 94
  • 108
35
votes
2 answers

How to force anti-aliasing in JavaFX fonts?

While testing the GUI of my JavaFX 8 application, I noticed that some labels are not displaying anti-aliased text. After some googling and struggling, I found out a very annoying thing that is happening. The anti-aliasing is being applied only on…
Fapaz
  • 1,566
  • 1
  • 17
  • 32
1
2 3
59 60