为打印机输出创建和缩放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/