Raphael JS thay đổi kích thước Canvas

Question

Tôi đang lập trình một đồ thị tranh luận với Raphael JS. Người dùng có thể thêm các nút vào biểu đồ. Cuối cùng, biểu đồ trở nên thực sự lớn và canvas vẫn có cùng kích thước. canvas (trong raphael js: paper) nằm bên trong một div khác với "overflow: scroll;", do đó, cho phép bỏ qua màn hình bất động sản

Có cách nào tôi thay đổi kích thước khung mà không cần tải lại trang (để gán mới X/Giá trị Y)? Cách khác, tôi có thể tạo một canvas lớn thứ hai song song và sao chép tất cả các phần tử không? là có một cách?

Answer 1

Nếu tôi hiểu câu hỏi của bạn, chỉ cần gọi setSize() để mở rộng kích thước của canvas thành kích thước cần thiết khi bạn cần. Tôi đã sử dụng điều này trong một div với tràn: di chuyển để có được hiệu ứng bạn mô tả.

Answer 2

Trong trường hợp của tôi, tôi không muốn đổi kích thước, tôi muốn thu phóng.

Nói cách khác, hiển thị cho người dùng đồ thị đang phát triển bên trong div có kích thước không đổi.

Vì vậy, tôi cần: setViewBox()