«antialiasing» 태그된 질문

11
크롬에서 CSS 변형, 들쭉날쭉 한 가장자리
CSS3 변환을 사용하여 웹 사이트에서 테두리가있는 이미지와 텍스트 상자를 회전했습니다. 문제는 안티 ​​앨리어싱이없는 (낮은 해상도) 게임처럼 Chrome에서 테두리가 들쭉날쭉하게 보입니다. IE, Opera 및 FF에서는 AA가 사용되기 때문에 훨씬 좋아 보입니다 (아직 명확하게 표시되지만 나쁘지는 않습니다). Mac이 없기 때문에 Safari를 테스트 할 수 없습니다. 회전 된 사진과 텍스트 자체는 잘 보입니다. …

8
Firefox 및 Opera의 웹 폰트 평활화 및 앤티 앨리어싱
내 사이트에서 사용하는 맞춤 웹 글꼴이 있습니다. 렌더링 출력의 스타일을 지정하기 위해 다음 코드를 사용했습니다. //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; 이것은 Safari와 Chrome에서 잘 작동합니다 (가장자리가 더 선명하고 선이 더 얇음). Firefox와 Opera에서 동일한 스타일을 구현하는 방법이 있습니까?


6
HTML5 Canvas DrawImage : 앤티 앨리어싱 적용 방법
다음 예를 살펴보십시오. 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가 자동으로 앤티 앨리어싱을 적용한다고하지만 이미지는 앤티 앨리어싱되지 않습니다. 여러 가지 …
당사 사이트를 사용함과 동시에 당사의 쿠키 정책개인정보 보호정책을 읽고 이해하였음을 인정하는 것으로 간주합니다.
Licensed under cc by-sa 3.0 with attribution required.