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

Question

我有一个应用程序可以创建一个大约300 x 150px的基本svg图块。我需要复制这个图块，这样我就可以在两个A4页面或一个A3页面上创建一个很好的打印输出。所以，基本上，我只是在svg而不是Photoshop /中做页面布局101。

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

1. 设置一个大约1500 x 1500px
的大画布
2. 在JavaScript中复制4 x 6次瓷砖
3. 从浏览器打印

这或多或少可以通过，但看起来不太好。设置A4页面的实际尺寸的画布会有帮助吗？如果我这样做，那么我就会遇到这样的问题：磁贴是一个复杂的图形，我目前使用像素单位创建。即使我这样做，浏览器也可能无论如何都会忽略画布大小。或者我应该先转换为pdf？如果我这样做，我仍然需要弄清楚如何设置一个可以很好地转换为pdf的svg'页面'。并且任何工具实际上都支持svg 1.2页面的东西吗？

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

Answer 1

不要使用画布！

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

如果你想扩展SVG，那么你所要做的就是应用CSS比例：

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

或SVG比例：

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