6

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

谁能给我任何关于如何开始的指示?目前,我非常天真地这样做:

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

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

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

4

1 回答 1

1

不要为此使用画布!

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

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

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

或 SVG 比例:

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

于 2012-06-24T00:44:52.637 回答