2009-10-15 39 views
16

Tôi đang sử dụng Thư viện JavaScript Raphaël để tạo một số đồ thị biểu đồ hình tròn, nhưng tôi muốn đặt tràn phần tử SVG chứa để hiển thị, cho phép đồ họa bên trong hiển thị bên ngoài vùng chứa của họ. Cách bạn làm với các phần tử dom thông thường (overflow: visible;) dường như không hoạt động đối với các thùng chứa svg. Có ai có kinh nghiệm về điều này hoặc biết cách khắc phục không?Cho phép đồ họa SVG tràn ra ngoài phần tử svg chứa

Chúc mừng

+0

Tại sao không chỉ thay đổi kích cỡ của vùng chứa để ngăn chặn việc cắt bớt? –

+0

Tôi đang cố gắng tránh việc xâm nhập bố cục, làm cho vùng chứa lớn hơn và định vị nó sẽ làm hỏng luồng cho phần còn lại của các phần tử. –

Trả lời

9

Đó là bug in Firefox.

WebKit triển khai overflow: visible chính xác cho các phần tử SVG, cũng như IE cho các phần tử VML.

+3

Chỉ cần một lưu ý cho bất cứ ai khác vấp ngã khi câu trả lời cũ này từ Google - 'overflow: visible' bây giờ hoạt động như mong đợi trong Firefox. – Tersosauros

+0

Không hoạt động đối với tôi. Tôi sử dụng '

\t \t \t
' và bằng cách nào đó hình ảnh này không thể tràn. Kết quả tương tự cũng cho 'overflow-x: visible'. Trong SVG tôi sử dụng các thuộc tính width, weight và viewbox. EDIT: Nó hoạt động sau khi thay thế img với nhúng. – Soaku

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