Question

我想使用办公室工具将SVG文件转换为PDF文件。 SVG文件是A4工作表的大小，当我们在上述工具的参数中指定页面大小时，它将生成具有该页面大小的PDF文件。

但是，该工具的输入是HTML。该工具正在使用某些版本的Webkit。

所以我必须将SVG文件嵌入到HTML文件中并将其输入到该工具中。实际的嵌入部分很好。但是我在每页末尾都有一个薄边框，我不知道如何摆脱它。该边框也会打印到PDF文件中。

注意：有一个狡猾的伎俩。如果我删除顶部的！DOCTYPE HTML声明，它将会消失。这可能是某些人的线索，但不是我的线索。我希望它遵守标准，因为这将是一个将投入生产的模块。

以下是我创建的示例HTML和SVG文件。我已将HTML文件的背景颜色为RED，以便最后的边框显而易见。

首先是HTML文件。

<!DOCTYPE HTML>
<html>
   <head>
      <title>Sample</title>
      <style>
         body
         {
            text-align:center;
            margin: 0px;
         }
      </style>
   </head>
   <body bgcolor="red">
    <object id="svg1" data="svg.svg" type="image/svg+xml"></object>
   </body>
</html>

现在，SVG文件

<?xml version="1.0" standalone="no"?>
<!DOCTYPE svg PUBLIC "-//W3C//DTD SVG 1.1//EN" "http://www.w3.org/Graphics/SVG/1.1/DTD/svg11.dtd">
<svg viewBox="0 0 595.32 841.32" xmlns="http://www.w3.org/2000/svg" version="1.1">
   <rect  
      x           ="0" 
      y           ="0" 
      width       ="595.32" 
      height      ="841.32" 
      fill        ="green" 
      stroke      ="green" 
      stroke-width="0.01"
   />
</svg>

谁能想到摆脱这种边界的方法？这可能是一个非常简单的技巧，但我不熟悉HTML，所以请耐心等待。

提前致谢。

-Anusha

Answer 1

这对我有用。在Chrome版本35.0.1916.153 m上测试

  <style>
     body
     {
        text-align:center;
        margin: 0px;            
     }
     object
     { 
        display: block;
     } 
  </style>

摆脱HTML文件末尾的边距（附件）

1 个答案: