Chuyển đổi Raphael SVG để hình ảnh (png vv) phía khách hàng

Question

thể trùng lặp:
Convert SVG to image (JPEG, PNG, etc.) in the browser

tôi có một dự án nhỏ, nơi người dùng xây dựng một sơ đồ sử dụng Raphael và sau đó xuất khẩu sơ đồ sáng tác vào một hình ảnh để lưu.

Sự cố là phải chạy ngoại tuyến. http://www.nihilogic.dk/labs/canvas2image/ sẽ không hoạt động vì yêu cầu canvas, không phải khung SVG do Raphael tạo.

Có cách nào (javascript) để tôi có thể xuất hình ảnh từ SVG không?

Answer 1

Có, câu hỏi trùng lặp đó là một trợ giúp lớn. canvg kết hợp với canvas2image đã phân loại tôi.

Vì vậy, tôi đã tạo SVG bằng Raphael. Sau đó, trên một nút bấm, lưu HTML bên trong của div giữ SVG trong một biến, sau đó được sử dụng trong canvg, ẩn div SVG. Sau đó tôi có thể sử dụng ID của canvas cho canvas2image. Nó chỉ thực sự làm việc tốt cho PNG.