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

【问题标题】：Javascript with svg.js: Unable to eliminate viewbox offset from top left corner带有 svg.js 的 Javascript：无法消除左上角的视图框偏移
【发布时间】：2019-06-22 02:26:01
【问题描述】：

我正在尝试使用 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>

【问题讨论】：

标签： javascript css svg svg.js

【解决方案1】：

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

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

【讨论】：

感谢您的提示。它使用css解决了这个问题。有没有办法不用css也能达到同样的效果？
不客气。不，没有 CSS 就无法做到这一点，因为 body 标签没有控制边距的属性：w3schools.com/tags/tag_body.asp