タグ付けされた質問 「antialiasing」

CSS3トランスフォームを使用して、Webサイトで境界線のある画像やテキストボックスを回転させています。 問題は、アンチエイリアスのない（低解像度）ゲームのように、境界線が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>要素をいじったり、線を引いたりしています。 対角線がアンチエイリアス処理されていることに気づきました。私がしていることにはギザギザの外観が好きです-この機能をオフにする方法はありますか？

88 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は自動的にアンチエイリアシングを適用すると言われていますが、画像はアンチエイリアシングされていません。私はさまざまな方法を試しましたが、うまくいかないようです。アンチエイリアス画像を取得する方法を教えてください。ありがとう。

82 html  canvas  html5-canvas  interpolation  antialiasing