2011-10-07 37 views
11

Tôi muốn vẽ các hình dạng là giao điểm của các vòng tròn sử dụng RaphaëlJS. Có thư viện ở đó để làm điều đó không? Một thư viện đường dẫn SVG tổng quát hơn có lẽ cũng sẽ hoạt động, nhưng google foo của tôi không làm tôi thất vọng.Thư viện RaphaelJS để tìm giao lộ của các đường dẫn

Tôi muốn vẽ hình dạng như thế này:

shapes

+0

Có lý do cụ thể nào khiến bạn muốn thực hiện chương trình này không? Rõ ràng, các chương trình như inkscape có khả năng này và có thể xuất sản phẩm. – pp19dd

+0

Tôi đã chơi với một trò chơi 2d đơn giản với cảnh quan có thể hủy diệt, vì vậy tôi muốn cắt các bit ra khỏi nó tùy thuộc vào hành động của người chơi. Vì tôi có thể lấy đi với một màu nền vững chắc, tôi đã lừa dối và chỉ vẽ hình dạng của tôi trong một màu rắn trên cảnh quan. – Douglas

+1

Gotcha. Làm cho cảm giác hoàn hảo. Tìm kiếm cursory cho phép trừ đa giác đã đưa tôi đến điều này, mặc dù không có triển khai JS - http://www.cs.man.ac.uk/~toby/alan/software/ – pp19dd

Trả lời

1

SVG Compositing đặc tả mô tả các hoạt động hợp lại (tài sản comp-op), nhưng chúng không được hỗ trợ bởi bất kỳ trình duyệt.

Dưới đây là một số example bạn có thể thử, nhưng khi viết nó không hoạt động trong Chrome hoặc Firefox. Clipping có thể hoạt động trong một số trường hợp, nhưng nó không cho phép thực hiện hiệu ứng gõ cửa.

Mặt khác, các hoạt động canvas compositing được hỗ trợ đầy đủ, vì vậy bạn có thể thử sử dụng canvas cho trò chơi của mình.

Đây là một game-like example Tôi đã thực hiện bằng cách phối hợp canvas.

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