2013-11-14 3 views
0

Я запускаю приложение rails и пытаюсь получить скриншот графика nvd3 в браузере.в браузере скриншоты из nvd3 (или d3 с css)

Из моего тестирования canvg и html2canvas не могут отображать css, который сопровождает nvd3. кто-нибудь смог создать png из nvd3 svg?

html2canvas пример - попробуйте сделать the nvd3 scatter на html2canvas preview. он не работает ...

любые идеи?

+0

[Этот вопрос] (http://stackoverflow.com/questions/11632748/svg-to-png-server-side-using-node-js) должен помочь, если вы можете сделать это на сервере. –

+0

Дополнительная информация, [это] (https://github.com/ariya/phantomjs/wiki/Screen-Capture) страница из phantomJS wiki и [this] (https://github.com/ariya/phantomjs/wiki/Related -Projects # screenshot-utilities) может помочь сборщик утилит экрана. – WolfgangCodes

+0

не является phantomJS терминальной утилитой? как я буду использовать его в браузере? – bumpkin

ответ

0

от html2canvas FAQ мы знаем, что он не может правильно иметь дело с svg.

У меня очень похожие требования и «example of how to export a png directly from an svg» решена моя проблема (внутренне она принята svg-crowbar). в принципе, вам нужно нарисовать svg на холсте, а затем экспортировать изображение в png, а «явно установить стиль css» для всех элементов svg - это предостережение, чтобы сделать экспортированное изображение оригинальным.

Смежные вопросы