2012-05-30 65 views
5

Tôi cần tạo một hộp trên canvas (a), các phần tử phù thủy bên ngoài chứa trong đó là vô hình.svg - ẩn phần tử khi nó thoát khỏi khu vực nhóm, tương tự như tràn css ẩn

Tương tự như tràn: bị ẩn; trong css.

Lưu ý: Có các phần tử có thể kéo bên trong. Tôi cần để có thể kéo chúng nhưng nếu chúng thoát ra khỏi hộp (giống như tiêu điểm của máy ảnh), tôi cần chúng không được hiển thị (hoặc một phần của chúng nếu phần bên trong, phần bên ngoài), như tôi đã nói chính xác như tràn: ẩn. Lưu ý 2: Tôi không thể sử dụng các yếu tố khác để bao phủ khu vực xung quanh hộp (xin vui lòng không làm cho tôi giải thích lý do tại sao trừ khi là hoàn toàn cần thiết (Tôi không biết làm thế nào để nói nó ngắn vì vậy tôi sẽ thêm hình ảnh và nhiều từ) :)).

+0

Các phần tử có thể kéo của bạn là con của phần tử '' và đặt tràn: bị ẩn trên đó hay tôi thiếu gì đó? –

+0

Tôi có một svg với nhiều nhóm, tôi cần phải làm điều gì đó tương tự như những gì bạn đã nói nhưng sử dụng phần tử làm không phải là . Có rất nhiều, rất nhiều, nhiều yếu tố ở đó và không thể phá vỡ nó thành 2 svgs ... trừ khi ... bạn có thể sử dụng bên trong ? – zozo

+0

Có, svg bên trong svg là có thể. –

Trả lời

9

Để các phần tử có thể kéo của bạn là con của phần tử <svg> và đặt tràn: ẩn trên đó. Phần tử <svg> có thể là một phần tử con cũng như phần tử gốc. Phần tử <g> sẽ không hoạt động vì nó không có chiều rộng/chiều cao rõ ràng và sẽ mở rộng đến kích thước của các trẻ em được chứa.

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