Javascript with svg.js: 无法消除左上角的视框偏移

Question

我正在尝试使用 JavaScript 和 svg.js 库绘制图像。图像总是从顶部偏移大约 8 个像素，从浏览器的左边缘偏移大约 8 个像素 window。我希望图像从浏览器 window 的点 (0,0) 开始。换句话说，它应该对齐在浏览器的最左上角 window 而不是偏移。我尝试了许多不同的设置，但我所做的一切似乎都无法帮助消除这种偏移。我在下面列出了我正在使用的最新版本的代码。有人可以帮忙吗？还有，不使用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>

Answer 1

将 margin:0 添加到您的正文标签中：

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

Javascript with svg.js: 无法消除左上角的视框偏移

Javascript with svg.js: Unable to eliminate viewbox offset from top left corner

javascript

css

svg

svg.js