คำถามติดแท็ก antialiasing

11
css transform, ขอบหยักในโครเมี่ยม
ฉันใช้ CSS3 แปลงเพื่อหมุนรูปภาพและกล่องข้อความที่มีเส้นขอบในเว็บไซต์ของฉัน ปัญหาคือว่ารูปลักษณ์ของเส้นขอบขรุขระใน Chrome เช่นเกม (ความละเอียดต่ำ) โดยไม่มีการต่อต้านนามแฝง ใน IE, Opera และ FF มันดูดีขึ้นมากเพราะใช้ AA (ซึ่งยังคงมองเห็นได้ชัดเจน แต่ก็ไม่เลว) ฉันไม่สามารถทดสอบ Safari ได้เพราะฉันไม่ได้เป็นเจ้าของ Mac ภาพถ่ายและข้อความที่หมุนเองนั้นดูดีมันเป็นเพียงเส้นขอบที่ดูขรุขระ 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 …

8
Webfont Smoothing และ Antialiasing ใน Firefox และ Opera
ฉันมีแบบอักษรสำหรับเว็บแบบกำหนดเองที่ใช้ในไซต์ของฉัน ในการจัดรูปแบบเอาต์พุตการเรนเดอร์ของฉันฉันใช้รหัสต่อไปนี้: //-webkit-text-stroke-width: .05px; //-webkit-text-stroke-color: white; -webkit-font-smoothing: antialiased; ใช้งานได้ดีบน Safari และ Chrome (ขอบคมกว่าและเส้นบางลง) มีวิธีใดบ้างในการปรับใช้สไตล์เดียวกันบน Firefox และ Opera

12
ฉันสามารถปิดการลบรอยหยักในองค์ประกอบ <canvas> HTML ได้หรือไม่
ฉันกำลังเล่นกับ&lt;canvas&gt;องค์ประกอบวาดเส้นและอื่น ๆ ฉันสังเกตว่าเส้นทแยงมุมของฉันมีการต่อต้านการดัด ฉันชอบรูปลักษณ์ที่ดูหยาบสำหรับสิ่งที่ฉันกำลังทำ - มีวิธีใดในการปิดคุณสมบัตินี้หรือไม่?
โดยการใช้ไซต์ของเรา หมายความว่าคุณได้อ่านและทำความเข้าใจนโยบายคุกกี้และนโยบายความเป็นส่วนตัวของเราแล้ว
Licensed under cc by-sa 3.0 with attribution required.