pdf - 为打印机输出创建和缩放 SVG

Question

我有一个应用程序，它创建一个基本的 svg tile，大约 300 x 150px。我需要复制这个磁贴，这样我就可以在两个 A4 页面或一个 A3 页面上创建一个 pretty-print 输出。所以，基本上，我只是在 svg 而不是 Photoshop/任何东西中做页面布局 101。

任何人都可以给我任何关于如何开始的指示吗？目前，我很天真地这样做:

设置一个大 Canvas ，大约 1500 x 1500 像素

在 JavaScript 中复制 tile 4 x 6 次

从浏览器打印

这或多或少可以通过，但看起来不太好。设置一个物理尺寸为 A4 页面的 Canvas 会有帮助吗？如果我这样做，我就会遇到一个问题，即磁贴是一个复杂的图形，我目前使用像素单位创建了它。即使我这样做，浏览器也可能会忽略 Canvas 大小。还是我应该先转换为pdf？如果我这样做，我仍然需要弄清楚如何设置一个可以很好地转换为 pdf 的 svg“页面”。是否有任何工具实际上支持 svg 1.2 页面内容？

请注意，我不能使用 Inkscape，因为我的 svg 代码完全是 JavaScript。

Answer 1

不要为此使用 Canvas !

SVG 的重点是可缩放的图形。您可以自己在浏览器中缩放 SVG，然后从那里打印。

如果您想缩放 SVG，那么您所要做的就是应用 CSS 比例:

http://jsfiddle.net/simonsarris/xYZyf/

或 SVG 比例尺:

http://jsfiddle.net/simonsarris/xYZyf/1/