He estado usando CSS3 transform para rotar imágenes y cuadros de texto con bordes en mi sitio web. El problema es que el borde parece irregular en Chrome, como un juego (de baja resolución) sin Anti-Aliasing. En IE, Opera y FF se ve mucho mejor porque se usa AA (que todavía es claramente visible...
Utilizo fuentes web personalizadas en mi sitio. Para diseñar mi salida de renderizado, utilicé el siguiente código: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; Esto funciona bien en Safari y Chrome (los bordes son más nítidos y las...
Estoy jugando con el <canvas>elemento, dibujando líneas y demás. He notado que mis líneas diagonales están suavizadas. Preferiría el aspecto irregular para lo que estoy haciendo. ¿Hay alguna forma de desactivar esta función?
Eche un vistazo al siguiente ejemplo: 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,...