Tôi có một trang web sử dụng thiết lập SVG/VML (qua Raphael JS) trong một ứng dụng bản đồ nơi SVG được sử dụng để hiển thị đồ họa trên đỉnh một hình ảnh bản đồ phông nền. Điều này hoạt động rất tốt trên màn hình và để in bản đồ bản cứng có lớp phủ. Tuy nhiên, khi thiết lập này tách rời thì người dùng muốn lưu hình ảnh bản đồ bằng lớp phủ SVG vào tệp .JPG cục bộ.Hợp nhất SVG và .JPG thành một hình ảnh?
Cụ thể hơn, việc sử dụng chức năng nhấp chuột phải của hầu hết các trình duyệt để "Lưu hình ảnh dưới dạng ..." không hoạt động khi có phần tử SVG/VML nằm trên ảnh. Nhấp chuột phải vào bản đồ và người dùng có thể lưu hình ảnh bản đồ nhưng không có lớp phủ. Nhấp chuột phải vào phần tử SVG phủ lên và người dùng tốt nhất nhận được khả năng kiểm tra phần tử hoặc lưu một số HTML (nó khác nhau tùy theo trình duyệt).
Vì vậy, câu hỏi chính của tôi ở đây là; Có thể chụp ảnh và phần tử SVG và kết hợp chúng hay không (tốt nhất là phía máy khách, mặc dù tôi đang mở để lựa chọn) thành một hình ảnh "phẳng", .JPG, .PNG hoặc ngược lại, sau đó có thể được nhấp chuột phải và được lưu hoặc tải xuống PC của người dùng theo yêu cầu?
Tùy chọn có bao gồm ImageMagick không? http://www.imagemagick.org/script/magick-vector-graphics.php – PinnyM
Các bản sao có thể có: http://stackoverflow.com/questions/4086703/convert-raphael-svg-to-image-png-etc-client -side http://stackoverflow.com/questions/3975499/convert-svg-to-image-jpeg-png-etc-in-the-browser/3976034#3976034 – JayC
Tôi đang xem xét phần mở rộng Imagick cho PHP để có thể hoàn thành những gì tôi đang cố gắng làm. Đối với các chủ đề trùng lặp có thể xảy ra, tôi đã xem xét cả hai chủ đề đó và sự phụ thuộc vào Canvas và sự thiếu hụt của IE khiến cho nó phù hợp với những gì được cho là một ứng dụng độc lập với trình duyệt.Điều đó và cả hai chủ đề chỉ chuyển đổi bản thân SVG thành một hình ảnh, không phải là sự hợp nhất sau đó của đồ họa SVG đã nói và một hình ảnh khác thành một hình ảnh duy nhất. – theDom