Warning: file_get_contents(/data/phpspider/zhask/data//catemap/7/css/34.json): failed to open stream: No such file or directory in /data/phpspider/zhask/libs/function.php on line 167

Warning: Invalid argument supplied for foreach() in /data/phpspider/zhask/libs/tag.function.php on line 1116

Notice: Undefined index: in /data/phpspider/zhask/libs/function.php on line 180

Warning: array_chunk() expects parameter 1 to be array, null given in /data/phpspider/zhask/libs/function.php on line 181
带svg.js的Javascript:无法消除从左上角开始的viewbox偏移_Javascript_Css_Svg_Svg.js - Fatal编程技术网

带svg.js的Javascript:无法消除从左上角开始的viewbox偏移

带svg.js的Javascript:无法消除从左上角开始的viewbox偏移,javascript,css,svg,svg.js,Javascript,Css,Svg,Svg.js,我正在尝试使用JavaScript和svg.js库绘制图像。图像总是从浏览器窗口顶部偏移约8像素,从左侧边缘偏移约8像素。我希望图像从浏览器窗口的点(0,0)开始。换句话说,它应该在浏览器窗口的最左上角对齐,而不是在某个偏移处对齐。我尝试了许多不同的设置,但我所做的一切似乎都无助于消除这种偏移。下面我列出了我正在使用的代码的最新版本。有人能帮忙吗?另外,不使用css也能达到这种效果吗 <!DOCTYPE html> <head> <meta charset=utf-

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

身体{
宽度:100%;
填充:0px;
}
var s=SVG('drawCurve')。大小(500500)。视图框(0,0500500);
var p=s.path().attr({
id:'路径0',
填充:“0px”,
填充:“白色”,
d:‘M0 C200 120 300 120 300 100’
});
p、 笔划({
颜色:'黑色',
宽度:1,
填充:“0px”
});

边距:0
添加到您的身体标签:

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

谢谢你的提示。它使用css解决了这个问题。有没有一种方法可以在不使用css的情况下达到同样的效果?不客气。不,没有CSS无法做到这一点,因为
body
标记没有控制边距的属性: