1

在此示例中，SVG 图像应位于页面顶部。然而，它要低得多。

删除宽度（在 img 样式中）允许图像正确移动到顶部位置。

是因为 SVG 宽度和高度大小不同吗？我很困惑，因为同一页面上的所有其他 SVG 都显示正确定位。只有第一张图像在每一页上向下移动。

您可以在下面的代码中看到一个示例：http: //jsfiddle.net/no1uknow/62ATG/

<html>
<head>
</head>
<body>

<div id="page_container">
    <div id='' class='chartdiv' style='page-break-after:always; border:0px solid #000;'>
        <img style="margin: 0px 0px 0px 0px;vertical-align: top; padding-top: 0px; padding-right: 0px; padding-bottom: 0px; padding-left: 0px; display: list-item; width: 700px; position: absolute; top: auto; left: auto; height: 1220px; " src="http://dataprofiles.com/20130924.161531.418239-23-0-chartFreqAtaTailNum.svg"/>
    </div>
</div>
</body>
</html>
4

2 回答 2

1

图像本身并没有从屏幕顶部移开，它是生成的图像，顶部有一堆空白，是图像生成的结果。

也许尝试不同的样式参数，直到您以您需要的方式获得生成的图像，而无需所有不必要的生成的空白空间将是要走的路？我尝试将宽度更改为，900px并且图像生成的空白空间要少得多...

于 2013-09-24T21:38:00.980 回答
1

我不确定您的尺寸（700 像素 x 1220 像素）是否适合 svg 的宽高比。如果稍微更改 CSS：

 min-width: 700px;
 max-height: 1220px;

图像转到页面顶部。见这里：http: //jsfiddle.net/62ATG/1/

于 2013-09-24T21:41:51.000 回答