Question

我正在尝试使用JavaScript和svg.js库绘制图像。图像总是以距浏览器窗口顶部大约8个像素和左侧边缘8个像素的偏移量出现。我希望图像从浏览器窗口的点（0,0）开始。换句话说，它应该在浏览器窗口的最左上角对齐，而不要偏移一些。我尝试了许多不同的设置，但我似乎无济于事，无法消除这种偏移。我在下面列出了我正在使用的最新代码。有人可以帮忙吗？另外，不使用CSS就能达到这种效果吗？

<!DOCTYPE html>
<head>
<meta charset=utf-8>
<script src="https://cdnjs.cloudflare.com/ajax/libs/svg.js/2.6.5/svg.js"></script>
<style>
body {
    width: 100%;
    padding: 0px;
}
</style>
</head>
<body>
<div id="drawCurve"></div>
<script id="drawCurve-script">
    var s = SVG('drawCurve').size(500,500).viewbox(0,0,500,500);
    var p=s.path().attr({
        id: 'path0',
        padding: '0px',
        fill: 'white',
        d: 'M0 0 C200 120 300 120 300 100'
    });
    p.stroke({
        color: 'black',
        width: 1,
        padding: '0px'
    });
</script>
</body>

Image of a curve

Answer 1

将margin:0添加到您的身体标签：

body {
  width: 100%;
  padding: 0px;
  margin: 0;
}

带有svg.js的Javascript：无法消除左上角的视图框偏移

1 个答案: