văn bản lớn chống răng cưa trong canvas

Question

Tôi làm cách nào để làm cho Chrome (bên trái) sử dụng anti-alias như IE 10 (bên phải)?

Tôi đã sử dụng this mã cho đến thời điểm này. Tôi có cần sử dụng một cơn đột quỵ mỏng không?

Answer 1

Câu trả lời ngắn gọn là bạn không thể kiểm soát chống răng cưa.

Tin tốt lành là nó trông đẹp hơn nhiều trong Chrome 27.0.1453.12 dev-m:

Đáng tiếc là bạn sẽ hoặc là phải "chỉ chờ đợi", nếu không sử dụng hình ảnh thay vì fillText .

Phần văn bản của thông số Canvas được triển khai cuối cùng trong hầu hết các trình duyệt, và hiển thị.

Answer 2

Bạn có thể phải đợi lâu hơn. Chrome canary v28 vẫn có tính năng chống răng cưa kém fiddle.

ctx.font = '72pt Arial'; 
ctx.fillText('Iowa 6', 0, 50);