Ich habe die CSS3-Transformation verwendet, um Bilder und Textfelder mit Rahmen auf meiner Website zu drehen. Das Problem ist, dass der Rand in Chrome gezackt aussieht, wie bei einem Spiel (mit niedriger Auflösung) ohne Anti-Aliasing. In IE, Opera und FF sieht es viel besser aus, weil AA verwendet...
Ich habe auf meiner Website maßgeschneiderte Web-Schriftarten verwendet. Um meine Rendering-Ausgabe zu formatieren, habe ich den folgenden Code verwendet: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; Dies funktioniert gut in Safari...
Ich spiele mit dem <canvas>Element herum , zeichne Linien und so. Ich habe festgestellt, dass meine diagonalen Linien antialiasiert sind. Ich würde den zackigen Look für das, was ich mache, vorziehen - gibt es eine Möglichkeit, diese Funktion auszuschalten?
Bitte schauen Sie sich das folgende Beispiel an: 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,...