Làm thế nào để chống răng cưa văn bản SVG trong Firefox

Có ai biết cách tốt nhất để chống răng cưa văn bản svg sẽ hoạt động trong Firefox không?Làm thế nào để chống răng cưa văn bản SVG trong Firefox

Tôi đã thử văn bản chống răng cưa: đúng nhưng điều này không có hiệu lực và tôi cũng đã thử sử dụng sơn vẽ nhưng điều này chỉ làm dày phông chữ và không phải là thứ tôi thích.

Ví dụ:

<!DOCTYPE html> 
<html> 
<body> 
<svg height="100" width="500"> 
<text y="50" x="250" text-anchor="middle" style="font-size: 40px" >Hello</text> 
</svg> 
</body> 
</html>

Tôi đã tải lên này để http://jsfiddle.net/KJhrY/

Ví dụ này xuất hiện chống răng cưa trong IE9 trên máy tính của tôi (Windows)

Nguồn

2013-01-19 Martin Capodici

Điều này có vẻ chống aliased tốt trên firefox 17/Vista –

@Michael - có nó hoạt động tốt trên một PC khác với Firefox. Mặc dù tôi đã sử dụng v18 trên máy mà nó không hoạt động. Có lẽ chống răng cưa là điều mà tôi không thể cho là làm việc cho tất cả người xem của mình, ít nhất là vào lúc này. –

ouch - vâng tôi thấy nó trên FF18/OSX. Tôi sẽ gửi một lỗi với mozilla. –

Firefox 25 will have support cho thuộc tính mox-osx-font-smoothing!

Vì vậy, cho firefox 25 bạn có thể sử dụng:

.yourclass{ 
    -webkit-font-smoothing: antialiased; 
    -moz-osx-font-smoothing: grayscale; 
}

Firefox 25 ~~lẽ sẽ được phát hành ở đâu đó tại end of Oktober~~ được phát hành vào 2013/10/29.
Xây dựng ban đêm có thể được tìm thấy tại http://nightly.mozilla.org/

Nguồn

2013-08-19 09:32:32 Tieme

Ồ, vui vẻ, vui vẻ –

Làm việc ít nhất trên OSX 10.7.5 với Firefox 25 phát hành công khai. – sampoh

Hãy thử "text-render" thuộc tính.
hiển thị văn bản = "optimizationLegibility"

Nguồn

2013-01-19 07:53:34 defghi1977

Firedox không hỗ trợ tính năng này vào lúc này. –

Đã thử: Không thể thấy, điều này có bất kỳ tác động nào. –

Làm thế nào để chống răng cưa văn bản SVG trong Firefox

Trả lời

Các vấn đề liên quan