Объединить SVG и .JPG в одно изображение?

У меня есть веб-сайт, использующий настройку SVG/VML (через Raphael JS) в картографическом приложении, где SVG используется для отображения графики поверх фонового изображения карты. Это очень хорошо работает на экране и для печати карт с наложениями. Однако эта настройка разваливается, когда пользователь хочет сохранить изображение карты с наложением SVG в локальный файл .JPG.

В частности, использование стандартной функции щелчка правой кнопкой мыши в большинстве браузеров для «Сохранить изображение как…» не работает, когда поверх изображения находится элемент SVG/VML. Щелкните правой кнопкой мыши карту, и пользователь сможет сохранить изображение карты, но без наложения. Щелкните правой кнопкой мыши наложенный элемент SVG, и лучшее, что получит пользователь, — это возможность просмотреть элемент или сохранить HTML-код (это зависит от браузера).

Итак, мой главный вопрос здесь таков; Можно ли взять изображение и элемент SVG и объединить их (предпочтительно на стороне клиента, хотя я открыт для вариантов) в одно «сплющенное» изображение, .JPG, .PNG или другое, которое затем можно щелкнуть правой кнопкой мыши. и сохранены или загружены на ПК пользователя по запросу?

6
задан theDom 29 March 2012 в 15:23
поделиться