2012-06-13 46 views
8

Tôi tự hỏi liệu có cách đơn giản hơn để hạn chế chiều rộng của nhãn văn bản hơn là sử dụng đường dẫn clip hay không.Đoạn văn bản SVG theo chiều rộng của hình chữ nhật trong hình chữ nhật D3

Dưới đây là một ví dụ về những gì tôi đang tìm kiếm đối với ghi nhãn với: treemap:

enter image description here

Chú ý rằng các nhãn được cắt ngắn bởi ranh giới của gạch chứa.

Ví dụ cụ thể đó được triển khai bằng cách sử dụng các thẻ <div>, có hành vi này theo mặc định. Nhưng tôi đang sử dụng SVG <rect> và tôi hy vọng có một cách thẳng tiến hơn để làm điều này hơn một đường dẫn clip riêng biệt xác định một hình dạng trực tràng khác.

Trả lời

3

Bạn có thể quấn mỗi phần tử <rect> trong một phần tử <svg> có cùng chiều rộng/chiều cao. Theo mặc định, overflow bị ẩn ở các phần tử bên trong <svg>.

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