D3截图到PDF

Question

我们已经完成了一个可视化，主要是在D3中，我们希望生成一个很好的pdf，以便从矢量渲染中受益，而不是仅仅进行屏幕截图。 可以在以下网址看到：

http://www.bonneel.com/prot/prot2/

我还看到Sergiy's tutorial从D3可视化中生成pdf。但是，如果有一个svg元素（并且我没有设法将它扩展到我们拥有的多个视图），他的技术就可以工作了，并且实际上在我们的例子中产生了一个奇怪的输出

请参阅下面的截图，了解它产生的内容：灰色背景位于裁剪区域之外，并且只是为了说明除了视图不正确的黑色（并且不显示整个可视化），它也会在奇怪的文物之外延伸到裁剪区域之外。

我知道某些元素可能无法转换为矢量图形（例如，3D视图），但是拥有主要是矢量图形的屏幕截图会很好（例如，包含SVG的所有div元素都应该表示为矢量格式，只有光栅化的3D视图。

有什么想法吗？

Answer 1

希望SVG Crowbar可以帮到你。我之前使用它并且它拾取了大部分样式，但你必须阅读底部的警告。

获得SVG图像（带样式！）后，您应该可以在Fireworks或Illustrator中打开并导出到矢量PDF。